樣式下拉菜單項具有不同的顏色

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

這是一塊

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