覆盖 google 自定义搜索 css


Override the google custom search css

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

这是我的谷歌搜索代码。

1
2
3
4
5
6
7
8
<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 type="text/javascript" src="http://www.google.com/afsonline/show_afs_search.js">

这是我的 css 来自 google。

1
2
3
4
5
6
7
.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 这个类被覆盖了下面类的字体系列。

帮我解决这个问题。

感谢柠檬水完美地工作
我变了

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

到

1
2
3
4
5
6
7
.gs-result .gs-title,
.gs-result .gs-title * {
    color: black !important;
    text-decoration: none !important;
    font-family: 'PT Sans Caption', Tahoma, sans-serif !important;

}

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

见image

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

相关讨论

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

1
font-family: Arial,sans-serif !important;
相关讨论