Css 聚焦“选择框”时设置“多个选择框”选项的颜色

我正在尝试设置

标记的样式，以便在选择选项时基本上没有样式。原因是它是一个“”，所以我真的不需要这些样式

我已经能够设置背景色（白色），但是当选择菜单聚焦时，它也会将选项文本的颜色设置为白色

我试过在选择菜单和选项上设置颜色。我试过使用伪选择器。我已经在

选择

和

选项

标记上尝试了内联样式。我似乎不明白。这显然是可能的，因为该链接具有我正在寻找的功能，尽管类似的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 */
}

更新

---

问题似乎在于选项上有

selected=“selected”

为您的选项提供一个ID ex:opt，并尝试如下css

select option#opt {Background.:red;} 

---

没有骰子。另外，我的背景色也很好。这是文本的颜色。然后给颜色：红色；在上面的css中