仅限IE6

Question

当用户在IE浏览器中打开应用程序时，我有一些特定于我的应用程序的样式。这些样式仅适用于IE（对我来说没有版本要求），当用户在其他浏览器（如chrome和firefox）中打开Web应用程序时，不应该应用这些样式。我想通过我的css类应用样式。尝试了多个建议，但似乎没有帮助。

请提供您的输入。

Answer 1

_selector {...}

IE6＆amp; IE7

*html or { _property: }

*+html or { *property: } - 请记住，您必须先将IE7属性放在同一个选择器中。

.selector/*\**/ { color:#f00; }

注意：如果您使用此hack，则编译CSS时，如果v1.5.0发出错误：/

.selector { color:#f00\9; }

上述解决方案不适用于font-family，因此您需要使用“\ 0 /！important” 示例：{font-family：Arial \ 0 /！important; }

此外，使用“\ 9”被IE10和IE11选中，因此您需要使用“-ms-high-contrast：”重新声明CSS规则。

:root .class/#id { property:value \0/IE9; }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .selector { property:value; }
}

Answer 2

您需要在此处阅读 conditional stylesheet ..

将所有IE特定的css写在一个单独的文件中，并在<head>中定义，如：

<!--[if IE]>
    <link rel="stylesheet" type="text/css" href="all-ie-only.css" />
<![endif]-->