覆盖谷歌自定义搜索CSS

Question

在我的网站上有谷歌自定义搜索。我的搜索结果字体有问题。我需要 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这个类重写了下面的class-family。

帮我解决这个问题。

Answer 1

感谢lemondrop工作得很好 我改变了

.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;

}

Answer 2

我没有看过CSS，但我认为你正在关注一个非常古老的例子。 Google现在拥有一个可自定义的搜索引擎创建者，您可以在其中指定每个元素所需的颜色和字体

请参阅

此外，您可以使用上下文XML文件在代码中定义此文件，其详细信息可在Look and Feel section

中找到

Answer 3

如果我理解你的话，你只能使用！important对你想要覆盖的那个重要：

font-family: Arial,sans-serif !important;