我正在尝试使用jQuery为每个'选项'生成一个不同颜色的'select'。
我做到了:
<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中没有颜色......
您是否有更好的解决方案在任何浏览器上工作?
感谢。