如何將自定義主題應用於Google自定義搜索？

我想了解如何谷歌定製搜索到的網站整合，我要實現相同的結果php.net都有自己的搜索頁面：如何將自定義主題應用於Google自定義搜索？

正如你可以看到，他們的谷歌定製搜索按鈕和文本框紫色邊框和搜索結果框架嵌入在它們的佈局中，它看起來並不合適。他們是怎麼做到的？

我已經閱讀了谷歌自定義搜索幫助頁面，但它們太模糊不清，不適合像我這樣的新手。我也嘗試修改谷歌自定義搜索的顯示設置，並試圖理解定製開發文檔無濟於事。如果有人能夠以身作則，我將不勝感激。

2013-12-13 Gallaxhar

自定義樣式可以通過CSS來實現。如果您使用的是Chrome瀏覽器，則可以右鍵單擊搜索元素，從菜單中選擇「檢查元素」，這將調出Chrome控制檯，其中yu可以找到哪個元素具有哪些css類。 cse元素通常具有以gsc-前綴開頭的類。然後你可以使用這些類來編寫自定義的CSS。例如： -

.gsc-input-box { 

    border-color: purple !important; 
}

下面是一個例子的jsfiddle：http://jsfiddle.net/m8Twp/

2013-12-17 05:11:31 Devnook

回答