样式下拉项目用不同的颜色

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;
}