問題樣式選擇字段中的選項

Question

我有一個選擇框，其中每個選項的背景都具有特定顏色是非常重要的。問題在於選擇框被點擊，選定的選項顯示爲藍色（與選定的文本顏色相同）。

我試過使用很多選擇器（：active，：focus，:: selection，[selected]），我無法找到改變這種行爲的方式。任何想法？

我想這可以用js來完成，但是必須有一個CSS選擇器可以工作，對嗎？

Answer 1

不幸的是，沒有，沒有一個動態的CSS僞類選擇，這取決於option選擇了改變。 option[selected]只匹配option s中的selected屬性，由標記定義。

Answer 2

據我所知，CSS無法幫助你。如果這對你來說「非常重要」，我認爲你唯一的選擇是將<select>換成JavaScript。

這些那些好看：

http://www.filamentgroup.com/lab/jquery_ui_selectmenu_an_aria_accessible_plugin_for_styling_a_html_select/