當選擇框集中時設置多個選擇框選項的顏色

Question

我正在嘗試設置<option>標籤的樣式，以便在選擇選項時基本上沒有樣式。原因是這是一個「duallist box」，所以我真的不需要樣式。

我已經能夠設置背景顏色（白色），但是當選擇菜單聚焦時，它也將選項文本的顏色設置爲白色。

我試着設置選擇菜單和選項的顏色。我試過使用僞選擇器。我在select和option標籤上嘗試了內聯樣式。我似乎無法弄清楚。這顯然是可能的，因爲該鏈接具有我正在尋找的功能，儘管類似的CSS似乎不適用於我的應用程序。

如果有幫助，我在Wordpress管理部分定製一個自定義字段作爲插件。除了這種風格，一切都在工作。

目前也在Chrome上。儘管跨瀏覽器解決方案最終會是最好的。

這是我試過的一些規則。隨着使用類，ID的，並且內嵌樣式：

table select option, 
table select option:hover, 
table select option:focus, 
table select option:active, 
table select option:checked 
{ 
    background: linear-gradient(#fff,#fff); /* works */ 
    color:red; /* does not work */ 
} 

table select, 
table select:focus, 
table select:focus option, 
table select:focus option:checked 
{ 
    color:red; /* does not work */ 
} 

UPDATE

的問題似乎在於與對他們selected="selected"選項。 Here's a fiddle。

Answer 1

舉一個ID例如：選擇你的選擇和嘗試的CSS如下

select option#opt {Background.:red;}