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

Answer 1

选择选项样式不适用于 Chrome (MAC OS X)，但它适用于所有系统上的 Firefox 以及 Chrome (Windows 7)。

您可以在此处查看详细说明:Dealing with the select nightmare