asp.net - 沙盒化 Google 自定义搜索引擎的样式

Question

我正在尝试将Google CSE合并到我的网站中。搜索工作正常。我在使用母版页的网站页面上使用 Nijhof 的 ASP.NET Google CSE 搜索控件。问题在于 Google 的风格不仅影响页面上的 Google 搜索结果，还影响页面上的其他元素，例如我的导航。Google 注入了以下影响页面上其他元素的样式：

body, td, div, .p, a {Search.a...chStr=mmm (line 278)
font-family:arial,sans-serif;
}
div, td, .n a, .n a:visited {Search.a...chStr=mmm (line 278)
color:#000000;
}

对于如何对搜索样式进行沙箱处理，我将不胜感激。谢谢！

Answer 1

推翻 Google 样式的一种稍微“hacky”的方式是在您自己的样式上使用 !Important 标签。

Answer 2

如果您自己的样式使用 ID 元素进行选择，它们将优先于 Google 规则。

例如，在代码周围使用 id 为“容器”的 div。

然后使用以#container 开头的CSS 规则来获得优先级。