2013-04-01 234 views
1

在我的網站有谷歌自定義搜索。我對搜索結果的字體有問題。我需要Arial,sans-serif覆蓋谷歌自定義搜索css

這是我的谷歌搜索代碼。

<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這個類覆蓋了下面類的font-family。

幫我解決這個問題。

回答

1

,但我認爲你是以下一種非常古老的例子。谷歌現在有一個自定義的搜索引擎的創造者,在其中您可以指定哪些顏色和字體,你想爲每個元素

image

此外,您還可以在代碼中定義這個使用情境XML文件,詳細這是在Look and Feel section

+0

此代碼用於鏈接谷歌自定義搜索。 – Shivaji

+1

鏈接的自定義搜索也使用上下文XML「

」,您可以通過它指定外觀,如下所示:< ' –

0

如果我理解正確,你不能你只需要使用你想要覆蓋,像這樣的一個重要的!我還沒有研究CSS

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

它沒有工作。謝謝lemondrop – Shivaji

+0

嗯,我真的不明白你想要做什麼,你能解釋一下嗎? – lemondrop

+0

其實CSS是從谷歌。如果我們應用font-family:Arial,sans-serif!important;這個CSS。它不接受 – Shivaji

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; 

}