如何破解CSS只有在IE瀏覽器上的內聯樣式？

Question

如何破解CSS只在IE上使用內聯樣式？

to hack css所有版本的IE只有內聯樣式，我該怎麼辦？

就像那個

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

Answer 1

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

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

編輯：

• 給該div類
• 把那類特定的即風格。

Answer 2

你需要的屬性名稱前加*，這將只針對IE7，所以你需要編寫此line-height : 32px;作爲*line-height : 32px;

當我意識到你想爲每一個IE瀏覽器的黑客，所以在這裏你去

• 對於IE6 - _
• 對於IE7 - *
• 對於IE8 - \0
• 對於IE9 - \9

---

聲明樣式IE10特別是使用CSS只有

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

您可以瞭解如何使用@media查詢

宣佈IE僅樣式的更多信息，請閱讀 here

---

儘管如此，我仍然建議您使用條件註釋，這會使您的生活更輕鬆，而不是聲明內聯樣式。

Answer 3

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