背景颜色不适用于IE

Question

我的选择（已选择）的背景颜色有问题......

我尝试使用背景颜色和背景属性来更改IE上的选择颜色，如下所示：

.select-footer .chzn-container-single .chzn-single, .select-footer .chzn-container .chzn-drop {
  background-color: #333948;
}

.select-footer .chzn-container-single .chzn-single, .select-footer .chzn-container .chzn-drop {
  background: #333948;
}

版本是CSS 3和Internet Explorer 9+。 任何人都知道IE会发生什么？提前谢谢。

Answer 1

我想你在这里错过了!important：

.chzn-container-single .chzn-single{
  background-color: #333948 !important;
}

Chosen会复制select-tag并实现一个模拟select功能的自有元素。您可以在DOM检查器中看到此行为。 因此，如果向select-tag添加自己的class-attribute，通常会被忽略。您可以使用相邻的兄弟选择器解决此问题：

.myCssClass + .chzn-container-single .chzn-single{
  background-color: #333948 !important;
}

Answer 2

我刚刚解决了将filter属性设置为none的问题。此过滤器由所选的CSS应用。

Answer 3

您可以使用包含一个div和要应用的属性的简单测试页来测试您拥有的IE版本，但IE＆gt; 4版本都支持此css属性，因此请更好地检查您继承的类在你的页面上