沙盒 Google 自定义搜索引擎的样式
我正在尝试将 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;
}
您能提供有关如何沙箱搜索样式的帮助，我将不胜感激。 谢谢！
I'm trying to incorporate Google CSE into my web site. The search works fine. I'm using Nijhof's ASP.NET Google CSE search control on a page in a site using a Master Page. The problem is Google's style's affecting not just the Google search results on the page but also other elements on the page such as my navigation. Google injects the styles below that are affecting the other elements on the page:
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;
}
I'd appreciate any help on how to sandbox the search styles. Thanks!
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（2）
推翻 Google 样式的一种稍微“hacky”的方法是在您自己的样式上使用 !Important 标签。
A slightly 'hacky' way of over-ruling the Google styles would be to use the !Important tag on your own styling.
如果您自己的样式使用 ID 元素来选择，它们将优先于 Google 规则。
例如，在代码周围使用 id 为“container”的 div。
然后使用以 #container 开头的 CSS 规则来获得优先级。
If your own styles use an ID element to select they will get precedence over the Google rules.
For example, use a div with the id of 'container' around the code.
Then use CSS rules which begin with #container to gain the precedence.