如何在IE11中更改所选选项的背景颜色?

时间:2015-05-26 11:13:11

标签: html css internet-explorer

以下代码在IE8和IE9中将所选选项的背景颜色显示为绿色(#7FFF00),但在IE11中为黑色。那么,我怎样才能在IE11中获得相同的背景颜色。是否可以使用CSS?

<!DOCTYPE html>
<html>
<head>
<style>
.car-select option[selected] {
    background-color: #7FFF00;
}
</style>
</head>
<body>

<form action="form_action.asp">
<select name="cars" class="car-select" multiple disabled>
  <option value="volvo">Volvo</option>
  <option selected value="saab">Saab</option>
  <option value="opel">Opel</option>
  <option value="audi">Audi</option>
</select>
<input type="submit">
</form>

</body>
</html>

2 个答案:

答案 0 :(得分:1)

默认用户样式表会在禁用select标记时覆盖您使用CSS执行的所有操作。这似乎只发生在更新版本的IE / Firefox / Chrome等上。

所以不幸的是,据我所知,CSS无法实现。我甚至尝试使用javascript来覆盖样式表,但这也被覆盖了。这很奇怪。

你想要完成什么/这是为了什么?也许我们可以帮助找到一种替代方法来满足您的需求? (添加到您的问题而不是评论)

答案 1 :(得分:0)

是的,可以在Internet Explorer 11中更改背景颜色。

设置 - &gt;互联网选项 - &gt; (看底部)外观 - &gt;颜色。取消选择“使用Windows颜色”并选择背景颜色。 点击“确定”

选择互联网选项 - &gt; (查看底部)“辅助功能”,选择“忽略在网页上指定的颜色”。就这样。