选择选项的“选定”颜色是否有样式？例如：
<HTML>
<BODY>
<FORM NAME="form1">
<SELECT NAME="mySelect" SIZE="7" style="background-color:red;">
<OPTION>Test 1
<OPTION>Test 2
<OPTION>Test 3
<OPTION>Test 4
<OPTION>Test 5
<OPTION>Test 6
<OPTION>Test 7
</SELECT>
</FORM>
</BODY>
</HTML>
当我选择一个选项时它会变成蓝色，我想覆盖它并使它成为不同的颜色。在我期望的风格中，像“selected-color”这样的东西，但它不存在。
一个粗略的方法 -
var sel = document.getElementById('select_id');
sel.addEventListener('click', function(el){
var options = this.children;
for(var i=0; i < this.childElementCount; i++){
options[i].style.color = 'white';
}
var selected = this.children[this.selectedIndex];
selected.style.color = 'red';
}, false);
<select name=protect_email size=1 style="background: #009966; color: #FFF;" onChange="this.style.backgroundColor=this.options[this.selectedIndex].style.backgroundColor">
<option value=0 style="background: #009966; color: #FFF;" selected>Protect my email</option>;
<option value=1 style="background: #FF0000; color: #FFF;">Show email on advert</option>;
</select>;
http://pro.org.uk/classified/Directory?act=book&category=120
在 FF、Opera、Konqueror 中测试它工作正常......
表单元素不能依赖 CSS。结果在所有浏览器中都有很大差异。我认为 Safari 根本不允许您自定义任何表单元素。
最好的办法是使用像jqTransform这样的插件（使用 jQuery）。
编辑：该页面目前似乎不起作用。还有支持 MooTools 的自定义表单元素，将来可能会支持 jQuery。
我认为您可能正在寻找的解决方案是：
option:checked {
box-shadow: 0 0 10px 100px #FFFF00 inset; }
目前 CSS 不支持此功能。
您可以构建自己的或使用插件来模拟使用 DIV/CSS 的这种行为。