仅适用于 Internet Explorer 的样式应用

在给定的 CSS 代码块中，用户可能会遇到需要将特定样式仅适用于 Internet Explorer (IE) 浏览器的情况，而忽略

自定义 IE 7-9 的 Width 属性

例如，如果我们有一个 CSS 规则将表格的宽度设置为 100%，但我们只希望 IE 7、8 和 9 呈现此属性，一个简单的解决方案是利用媒体查询。

利用媒体查询

通过使用@media规则，我们可以指定针对特定浏览器版本或功能的样式。为了兼容 IE，我们可以使用 -ms-high-contrast 属性，该属性特定于 Microsoft Internet Explorer 10 或更高版本。

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .actual-form table {
        width: 100%;
    }
}

说明

此媒体查询以 IE 10 及更高版本为目标，并将 width: 100% 样式应用于实际表单元素，无论用户的高对比度如何设置。这确保只有指定版本内的 IE 浏览器才会遵守此样式规则。