如何使用jQuery爲不同的選項設置不同的顏色

我試圖用jQuery爲每個「選項」選擇不同的顏色。如何使用jQuery爲不同的選項設置不同的顏色

我這樣做：

<html> 
<head> 
<script type="text/javascript" src="jquery-1.4.2.min.js"></script> 
</head> 
<body> 
<select id="taxonomy" name="taxonomy"></select> 

<script type="text/javascript"> 
$(document).ready(function() { 
    $('#taxonomy').append($('<option></option>').val('-ANY-').html('-- ANY --')); 
    $('#taxonomy').append($('<option></option>').val('Critical').html('Critical')); 
    $('#taxonomy').append($('<option></option>').val('Warning').html('Warning')); 

    $('#taxonomy option[value="Critical"]').css('color', 'red'); 
    $('#taxonomy option[value="Warning"]').css('color', 'orange'); 
}); 

</script> 
</body> 
</html>

不幸的是，這只是工作在Firefox。 Chrome或Safari中沒有顏色...

您是否有更好的解決方案在任何瀏覽器上工作？

謝謝。使用最新的Chrome在Windows

來源

2011-08-23 sebthebert

[我看到顏色]（http://jsfiddle.net/eM7Jm/） –

在Mac OSX Lion和谷歌瀏覽器13.0.782.215中它不起作用... – sebthebert

它在Mac上不起作用OSX與Opera 11.50或Safari 5.1都不是... – sebthebert