Поведение выпадающего списка Firefox

Question

У меня есть список.

<select id="select">
    <option>one</option>
    <option>two</option>
    <option>three</option>
    <option>four</option>  
    <option>five</option>
</select>

Эта строка меняет цвет первого элемента опции.

document.getElementById("select").options[0].style.color = "red";

В IE 8 ведет себя нормально. В Firefox 9.0.1 происходят странные вещи. Элемент, видимый из выпадающего списка, меняет цвет. Однако, как только этот элемент выбран, он возвращается к своему цвету по умолчанию. Я проверил это с помощью jsfiddle в обоих браузерах. Вы можете посетить эту скрипку здесь http://jsfiddle.net/rvUCk/

Кто-нибудь может объяснить причину такого поведения? Есть ли решение или исправить это?

Answer 1

Соответствует ли это вашим потребностям.Первый элемент всегда красный, а остальные черные.Протестировано в IE9, Firefox и Chrome:

JavaScript:

document.getElementById("select").options[0].style.color = "red";

CSS:

select {
    color:red;
}
option {
    color: black;
}

HTML:

<select id="select">
    <option>one</option>
    <option>two</option>
    <option>three</option>
    <option>four</option>  
    <option>five</option>
</select>

Демонстрация: jsFiddle