2012-03-09 219 views
-1

是否有可能改變框中的選擇顏色?我只能找到答案如何更改懸停時的顏色,但我想更改所有選定項目的背景顏色。選擇框選擇顏色

我想這選擇:

option[selected]{ 
    background-color: red; 
} 

option:checked{ 
    background-color: red; 
} 

,但我沒有運氣

+1

請參閱http://stackoverflow.com/questions/8619406/css-selected-pseudo-class-similar-to-checked-but-for-for-select-elements http://stackoverflow.com/questions/9309844/can-i-color-backgrounds-of-selected-items-in-html-select-options-with-css-only – BoltClock 2012-03-09 12:22:58

+0

如果有'css3'標記的最大清除的徽章,@BoltClock會得到它 – Curt 2012-03-09 12:23:43

+1

@Curt:相關評論 - http://stackoverflow.com/election/2#post-8043622 – BoltClock 2012-03-09 12:29:58

回答

0

如果想要可定製顏色/風格的複選框,跨瀏覽器的兼容性和版本兼容性最好的辦法就是設計自己的複選框按鈕與圖像。然後創建一個隱藏的複選框並通過自定義複選框觸發其屬性。像onmouseover,onmouseout,onkeydown,onkeyup,onclick等事件將有助於你完全模擬常規復選框的功能和行爲,但完全可以自定義。