IE 10以上的特定CSS规则在IE中不优先

时间:2018-07-11 12:15:09

标签: css

根据此答案,可以将以下内容用于IE10和IE11:

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  /* css specific to IE10 and IE11
}

所以我是我的css文件,我有一条规则,如下所示。

.bigbox {
display: flex;
}

由于我不希望IE弯曲此框,因此在初始声明下方有以下内容:

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .bigbox {
  display: default;
   }

}

当我使用IE中的开发人员工具检查div时,我可以看到IE11可以看到这两个规则,但是它赋予了非IE特定的规则优先级,因此可以灵活显示该框。为什么这样做呢?有办法防止这种情况吗?

我什至将IE声明设置为!important,也不起作用。

谢谢!

1 个答案:

答案 0 :(得分:1)

没有“显示:默认”之类的东西。

尝试“显示:初始;”或更合适的内容(内联,阻止)。

//编辑: 请参阅此处以供参考: https://developer.mozilla.org/en-US/docs/Web/CSS/display