HTML：选择选项样式不起作用

Question

我想要对下拉框进行样式设置，将所有颜色选项更改为红色。然而，当我加载网页时，下拉框仍然是黑色的。请帮忙解决一下？

以下是HTML和CSS代码：

select.selector option {
  color: red;
}

<select style="font-size: 16px; padding: 4px;" name="category" id="categoryselector" class="selector">
  <option disabled></option>
  <option value='all'>all</option>
  <option disabled></option>
  <option>Hardware and OS</option>
</select>

这里有一个JSFiddle示例，它涉及到IT技术。

- Henry Zhu

Answer 1

在Chrome (MAC OS X)上无法使用选择选项样式，但在所有系统的Firefox和Chrome (Windows 7)中都可以使用。

您可以在此处查看详细描述：处理选择器噩梦

- Vikas Jindal

Answer 2

您正在将颜色应用于选择框中的选项。要将其应用于可见的选择框，请使用以下方法：

select.selector{
color:red;
}

- Neil K

Answer 3

请尝试这段代码：

select option {
    background: rgba(0,0,0,0.3);
    color:red;
}

- Reem Abdullah