chrome 下select option自定义样式
<select id="A">
<option value='aa'>aa</option>
<option value='bb'>bb</option>
</select>
如果把值为aa的option 选项,就是点下拉框时,看到aa背景是灰色,字体为红色,下边是实现的js代码:
$("#A").each(function(i,n){
if(this.options[i].value=="aa")
{
//this.options[i].style.color='#f00';
//this.options[i].style.background="#e1e1e1";
//this.options[i].style.fontWeight="bold";
//this.options[i].style.-webkit-appearance="none";
this.options[i].className="se";
}
});
样式代码如下:
.se {font-weight:bold;
color:#f00;
background:#e1e1e1;
-webkit-color:#f00;
-webkit-background-color: #e1e1e1;
}
现在这个效果只能在ie和火狐中实现,chrome不行,如何改,才能在chrome中实现这个效果,高人指点,谢谢