Question

我尝试设置<option>标记的样式，以便在选择选项时基本上没有样式。原因在于它是一个＆＃34; duallist box＆＃34;所以我真的不需要这些风格。

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

我已尝试在选择菜单和选项上设置颜色。我尝试过使用伪选择器。我在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 */
}

更新

问题似乎在于selected="selected"选项。 Here's a fiddle

Answer 1

提供ID ex：选择您的选项并尝试css，如下所示

select option#opt {Background.:red;}

当选择框被聚焦时，设置多个选择框选项的颜色

1 个答案: