如何只在IE上破解css内联样式?

时间:2014-01-20 16:09:07

标签: css internet-explorer

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

在所有版本中仅在IE上进行黑客css内联样式,我该怎么办?

喜欢那个

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

3 个答案:

答案 0 :(得分:5)

您需要在属性名称前添加*,并且只定位IE7,因此您需要将此line-height : 32px;写为*line-height : 32px;

当我意识到你想要每个IE的黑客时,你就去吧

  • 对于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样式的更多信息


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

答案 1 :(得分:0)

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

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

编辑:

  • 给那个div一个类
  • 给那个班级一个特定的风格。

答案 2 :(得分:0)

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