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

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

select.selector{
color:red;
}

Answer 2

选择样式样式在Chrome（MAC OS X）中不起作用，但它可以在所有系统和Chrome（Windows 7）的Firefox中使用。

您可以在此处查看详细说明： 处理选择的噩梦

Answer 3

请尝试以下代码：

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