僅適用於Internet Explorer 的樣式應用

在給定的CSS 程式碼區塊中，使用者可能會遇到需要將特定樣式僅適用於Internet Explorer ( IE) 瀏覽器的情況，而忽略

自訂IE 7-9 的寬度屬性

例如，如果我們有一個CSS 規則將表格的寬度設為100% ，但我們只希望IE 7、8 和9 渲染此屬性，一個簡單的解決方案是利用媒體查詢。

利用媒體查詢

透過使用@media規則，我們可以指定針對特定瀏覽器版本或功能的樣式。為了相容於 IE，我們可以使用 -ms-high-contrast 屬性，該屬性特定於 Microsoft Internet Explorer 10 或更高版本。

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .actual-form table {
        width: 100%;
    }
}

說明

此媒體查詢以IE 10 及更高版本為目標，並將width: 100% 樣式應用於實際表單元素，無論用戶的高對比度如何設定。這可確保只有指定版本內的 IE 瀏覽器才會遵守此樣式規則。