css - 仅在 IE 上应用样式

Question

这是我的 CSS block :

.actual-form table {
  padding: 5px 0 15px 15px;
  margin: 0 0 30px 0;
  display: block;
  width: 100%;
  background: #f9f9f9;
  border-top: 1px solid #d0d0d0;
  border-bottom: 1px solid #d0d0d0;
}

我只希望 IE 7、8 和 9“看到”width: 100%

完成此任务的最简单方法是什么？

Answer 1

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
   #myElement {
        /* Enter your style code */
   }
}

说明:它是 Microsoft 特定的媒体查询。使用特定于 Microsoft IE 的 -ms-high-contrast 属性，它只会在 Internet Explorer 10 或更高版本中被解析。我已经使用了媒体查询的两个有效值，所以它只会被 IE 解析，无论用户是否启用了高对比度。