2015-12-08 68 views
0

在任何的jQuery或CSS:谷歌翻譯選擇懸停和彩色文本更改

我使用谷歌翻譯,並試圖獲得懸停在下拉列表中選擇工作。我很接近,但沒有它,我需要它。當我將鼠標懸停在選擇區域上時,我希望選擇的語言是#18BA9B的顏色,並且沒有藍色突出顯示選擇按鈕,只是文本和箭頭應該是顏色#18BA9B。然後,當選擇下拉菜單時,所有語言仍應爲顏色#687074;除了徘徊時,它應該是白色的,並帶有高光顏色#18BA9B。

請問有人請告訴我如何解決這個問題?不幸的是,它突出了整個下拉菜單。

http://jsfiddle.net/bobrierton/013v4p0t/1/

.goog-logo-link { 
    display:none !important; 
} 
.goog-te-gadget{ 
    color: transparent !important; 
} 
SELECT.goog-te-combo{ 
    color: #687074; 
    text-transform: uppercase; 
} 

SELECT.goog-te-combo:hover{ 
    color:#18BA9B; 
} 

.goog-logo-link, .goog-logo-link:link, .goog-logo-link:visited, .goog-logo-link:hover, .goog-logo-link:active { 
    color:#18BA9B; 
} 

我也曾嘗試:

SELECT.goog-te-combo > option:hover{ 
       background-color:#18BA9B; 
       color:white; 
      } 
+1

AFAIK目前不可能對選擇框的選項進行樣式設置。也許你可以嘗試使用一些自定義選擇框/下拉庫。他們將可變形的元素組合成一個假的選擇框,從而可以進行風格化。 – AVAVT

+0

以及我也嘗試過,但我可以弄清楚如何將我創建的引導按鈕與已存在的谷歌翻譯按鈕結合起來 –

+0

嗯,如果沒有一些真正的代碼進行調整,我無法分辨太多。也許你可以打開另一個問題來試試這個方向。也許我或某人會知道該怎麼做。 – AVAVT

回答