chrome 下select option自定义样式

Question

<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中实现这个效果，高人指点，谢谢

Answer 1

发现上边的代码在windows平台是没问题的，但在mac下的chrome就有问题了