如何仅在 IE 上破解 css 内联样式？

Question

如何仅在 IE 上破解 css 内联样式？

在所有版本中只在 IE 上破解 css 内联样式，我该怎么做？

这样

<div style = "
               color: #eee;
               border: 1px solid #000;
for ie only // line-height : 32px;     
             "/>

Answer 1

您需要在属性名称前添加*，这将只针对IE7，因此您需要将此line-height : 32px; 写为*line-height : 32px;

我意识到你想为每个 IE 提供 hack，所以你开始

• 对于 IE6 - _
• 对于 IE7 - *
• 对于 IE8 - \0
• 对于 IE9 - \9

---

专门使用 CSS Only 为 IE10 声明样式

@media all and (-ms-high-contrast: none) { 
   /* This won't go inline but can be used at document level*/
   /* Declaration Blocks Goes Here*/
}

您可以阅读here，了解有关如何使用@media 查询声明仅限 IE 样式的更多信息

---

我仍然建议您使用条件 cmets，这将使您的生活更轻松，而不是声明内联样式。

Answer 2

<!--[if IE]>
    div.classname{
        line-height: 32px; //ie only 
    }
<![endif]-->

来源：http://css-tricks.com/how-to-create-an-ie-only-stylesheet/

编辑：

• 给那个 div 一个类
• 为该类指定特定的 ie 样式。

Answer 3

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