0
我试图用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
[我看到颜色](http://jsfiddle.net/eM7Jm/) –
在Mac OSX Lion和谷歌浏览器13.0.782.215中它不起作用... – sebthebert
它在Mac上不起作用OSX与Opera 11.50或Safari 5.1都不是... – sebthebert