html - 具有不同颜色的样式下拉项

Question

我正在尝试为下拉菜单中的每个选项设置不同颜色的样式。我尝试了两种方法:

<option style="color: red;" value="KellerWilliamsRed">Keller Williams Red</option>

还有……

<option class="dilbeck" value="DilbeckGreen">Dilbeck Green</option>
.dilbeck {color: green}

但出于某种原因，文本没有颜色，我很难过......

您可以在此处查看下拉列表:http://dailyspiro.com/lp/LP.html

Answer 1

这是一个 FIDDLE

select option:nth-child(1) {
  color: red;
}
select option:nth-child(2) {
  color: blue;
}
select option:nth-child(3) {
  color: green;
}