Question

关于CSS样式的问题,想请教大神如何修改现在状态的select的背景颜色,搜了一圈都只能修改下拉框的背景颜色

但是我需要修改的背景颜色是他选中之后的改如何修改
这个下拉框通过document.getElementById("XXX")能获取到,如何在js中对他选中状态设置背景颜色

Answer 1

这个颜色是由操作系统统一指定的（所有软件中的下拉框的这个颜色都是系统指定的、不可变的，除非改用其他非标准控件），浏览器无权修改，因此css也是没有这方面的属性的。
修改Windows系统的桌面主题可以改变这个颜色，但这种改变是全局的，一旦修改，则所有软件中的标准下拉框控件的选中颜色都改变。

追问

也就是我要现在这个状态改变背景色没办法了吗- -

追答

建议你自己用div+ul做一个下拉框，不用select，这样的话你就可以任意设置其样式了，怎么样都行。当然，必须另外设置一个隐藏域，当自己做的下拉框选择了一项后，要把其值赋值给这个隐藏域，这样就不影响表单提交了。

Answer 2

<!-- 添加css样式 -->
<style type="text/css">
.blue {
background-color:#0000FF;
color:#FFF;
}
.yellow {
background-color: #FAFAD2;
color: #000000;
}
</style>
<select id="sle">
<option class="blue"> option1 </option> <option class="yellow"> option2 </option>
</select>
也可以通过js 来改变，给每个option 绑定一个onclick 事件，每次点击之后改变它的颜色即可：this.style.background = 'red';

追问

不好意思,可能我表述的意思不对,我是想让select本身的背景色改变,不是点击后的下拉框背景色改变....