1

在我的网站上有谷歌自定义搜索。我对搜索结果的字体有疑问。我需要Arial,sans-serif。

这是我的谷歌搜索代码。

<div id="cse-search-results"></div>
<script type="text/javascript">
  var googleSearchIframeName = "cse-search-results";
  var googleSearchFormName = "cse-search-box";
  var googleSearchFrameWidth = 600;
  var googleSearchDomain = "www.google.com";
  var googleSearchPath = "/cse";
</script>
<script type="text/javascript" src="http://www.google.com/afsonline/show_afs_search.js"></script>

这是我的 css 来自谷歌。

.gsc-control-cse .gsc-table-result {
    font-family: font;
}
.gsc-control-cse, .gsc-control-cse .gsc-table-result {
    font-family: Arial,sans-serif;
    font-size: 13px;
}

.gsc-control-cse .gsc-table-result 这个类被覆盖了下面类的字体系列。

帮我解决这个问题。

4

3 回答 3

2

谢谢柠檬滴效果很好我改变了

.gs-result .gs-title,
.gs-result .gs-title * {
    color: black;
    text-decoration: none; 
    font-family: 'PT Sans Caption', Tahoma, sans-serif; 
}

到

.gs-result .gs-title,
.gs-result .gs-title * {
    color: black !important;
    text-decoration: none !important; 
    font-family: 'PT Sans Caption', Tahoma, sans-serif !important;

}
于 2013-06-29T09:04:38.820 回答
1

我没有研究过 CSS，但我认为你正在遵循一个非常古老的例子。谷歌现在有一个可定制的搜索引擎创建器，您可以在其中为每个元素指定所需的颜色和字体

看图片

此外，您可以使用上下文 XML 文件在代码中定义它，其详细信息可在“外观”部分中找到

于 2013-04-01T06:39:47.253 回答
0

如果我理解正确，你不能只使用 !important 来覆盖你想要覆盖的那个：

font-family: Arial,sans-serif !important;
于 2013-04-01T06:33:20.503 回答