如何僅使用 CSS 來設定 Internet Explorer（所有版本）的樣式？

透過CSS 僅對Internet Explorer（所有版本）進行樣式設定

問題：

在繼承的項目中，有一個需要使用CSS 專門針對Internet Explorer 進行樣式設置，無需修改HTML

解決方案：

Internet Explorer 9 及更低版本：

• 利用條件註解註解表專為IE。

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

Internet Explorer 10 和11：

• 使用「-ms-high-contrast」建立媒體查詢以應用IE 10 獨有的CSS樣式:

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    /* IE10+ CSS styles go here */
}

Microsoft Edge 12:

• 利用「@supports」規則定位IE Edge 12 及更高版本:

@supports (-ms-accelerator:true) {
    /* IE Edge 12+ CSS styles go here */ 
}

內聯規則IE8 及以下版本：

/* For IE css hack */
margin-top: 10px /* apply to all ie from 8 and below */
*margin-top:10px;  /* apply to ie 7 and below */
_margin-top:10px; /* apply to ie 6 and below */

注意： 對於內聯樣式表，請考慮對IE9 9版本使用媒體查詢和條件註釋。

以上是如何僅使用 CSS 來設定 Internet Explorer（所有版本）的樣式？的詳細內容。更多資訊請關注PHP中文網其他相關文章！