样式下拉菜单项具有不同的颜色

Question

I'm trying to style each option in a dropdown with a different color. I've tried two approaches:

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

And...

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

For some reason though, the text is not colored, and I'm stumped...

You can see the dropdown here: http://dailyspiro.com/lp/LP.html

Answer 1

Here's a FIDDLE

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