当选择框集中时设置多个选择框选项的颜色

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;}