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

これはあなたのニーズに合っていますか？最初の要素は常に赤で、他の要素は黒です。

はJavaScript：IE9、FirefoxとChromeで動作確認済み

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