更改Google自定義搜索上的輸入背景顏色

雖然這看起來像一個簡單的任務，但我需要更改一個GOogle自定義搜索輸入字段的背景顏色。您可以查看頁面here 更改Google自定義搜索上的輸入背景顏色

目前，輸入字段爲白色，我需要將其更改爲＃4e4e4e。問題是，我似乎無法找到正確的CSS選擇器來設置背景顏色。它看起來像谷歌腳本覆蓋了CSS。我需要黑客爲背景圖像重新着色。也許一個快速的jquery行會解決它，但它不適合我：我嘗試使用addClass函數，但它沒有工作。

任何想法？

來源

2010-01-30 JCHASE11

如果這不起作用

input.gsc-input { background-color: #4E4E4E !important; }

那麼這應該工作。

$(function() { 
    $('.gsc-input').css('background-color', '#4E4E4E'); 
}

我沒有檢查，但如果谷歌有JS修改的樣式，那麼你只需要確保的jQuery腳本跑最後一棒。

來源

2010-01-30 21:39:56

！重要的是什麼？它覆蓋了同一選擇器的所有其他樣式？ – JCHASE11 2010-01-30 22:19:10

@ JCHASE11'！important'覆蓋樣式表正常的級聯優先級規則。例如，輸入元素本身具有樣式，它通常比任何簡單的樣式規則具有更高的優先級，但是！重要優先於該優先級。但是，請注意，如果元素上的樣式具有重要性，那麼會取而代之。更好的解釋在這裏：http://monc.se/kitchen/38/cascading-order-and-inheritance-in-css – 2010-01-30 22:26:21

理解，謝謝！ – JCHASE11 2010-01-31 00:23:02

input.gsc-input {background-color：＃4E4E4E}應該這樣做，我相信。

來源

2010-01-30 21:15:05 thor

試過了，沒有運氣。嗯， – JCHASE11 2010-01-30 21:16:46

爲我工作：

$(window).load(function() { 
    $('input[name*="search"]').css('background-image', 'none'); 
});

來源

2012-01-18 13:58:44 Riot77

更改Google自定義搜索上的輸入背景顏色

回答

相關問題