css更改所有选项的文本颜色

Question

我尝试使用css更改国家/地区选择的所有大多数选项的文本颜色，但它不起作用。

CSS：

select option {
    color:white;
}

HTML：

<select>
    <option>Country</option>
    <!--many more-->
</select>

Answer 1

只需将class = classname添加到所有选项中：

<option class=classname>Country1</option>
<option class=classname>Country1</option>

然后再做

.classname{
    color:white
}

Answer 2

HTML：

<select id="country">
    <option>Country</option>
    <!--many more-->
</select>

CSS：

select#country {
    color: blue; //or whatever color you want
}

Answer 3

我不认为这是可能的，因为select元素是使用本机操作系统下拉列表呈现的。

某些浏览器可能支持选择样式，但它肯定无法在所有浏览器上运行。

你必须用ul标签替换它，然后选择select的功能然后用css设置它。

幸运的是，网上有很多插件可以做到这一点。

Answer 4

您也可以将它放在一个类中，因此它允许您操作和选择该类的各个子项。以下是如何做到这一点：

<强> HTML：

<select class="classname">
    <option>Country</option>
    <option>Country</option>

<强> CSS：

您可以在此致电课程：

.classname option {
    color: white;
}