在未打开的聚焦选择框上更改IE背景颜色

Question

当我关注下拉时,我想从IE更改蓝色背景颜色,但我似乎无法找到任何CSS来执行此操作.

<select id=focusSelect><option>Option</option></select>

JS:

document.getElementById("focusSelect").focus();

CSS:

select:focus{
    background-color: red;
}

http://jsfiddle.net/TafDD/3/

具体来说,这是在下拉菜单未打开时.样式选项不是问题.

关于这是否可行,我也找不到任何明确的答案.

设置option背景颜色也不会清除蓝色.

option {
    background-color: green;
}

http://jsfiddle.net/srycroft/yE2Zg/

Answer 1

在Internet Explorer 11/Edge中(不确定以前的版本),您可以这样做:

select:focus::-ms-value {
    color: black; 
    background: red;
}

您还应该指定字体颜色,因为它默认为白色(最初与蓝色对比),因此您也想要覆盖它.

这是一个dabblet演示

Answer 2

感谢这是一个古老的问题,但为了防止IE中选择下拉列表中所选选项的蓝色背景,请使用上面WillRice提到的MS伪元素-ms值.重要的是,您需要为文本设置颜色css属性,因为这将默认为白色.

select::-ms-value {
    background: none; /* remove blue background on ie10/ie11 when selected*/
    color:#000;
}

更多信息在这里