仅在 IE 上应用样式

Question

这是我的 CSS 块：

 .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%

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

原文由 FastTrack 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

2017 年更新

根据环境，条件注释已在 IE10+ 中 正式弃用和删除。

---

原来的

最简单的方法可能是在您的 HTML 中使用 Internet Explorer 条件注释：

 <!--[if IE]>
<style>
    .actual-form table {
         width: 100%;
    }
</style>
<![endif]-->

您可以使用许多 hack（例如 下划线 hack ），让您在样式表中仅定位 IE，但如果您想在所有平台上定位所有版本的 IE，它会变得非常混乱。

原文由 James Allardice 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

@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 解析，无论用户是否启用了高对比度。

原文由 Himanshu Dwivedi 发布，翻译遵循 CC BY-SA 3.0 许可协议