Stilanwendung ausschließlich für Internet Explorer

In einem bestimmten CSS-Codeblock müssen Benutzer möglicherweise bestimmte Stile ausschließlich auf Internet Explorer-Browser (IE) anwenden und diese ignorieren sie für andere Browser.

Anpassen der Breiteneigenschaft für IE 7-9

Zum Beispiel, wenn wir eine CSS-Regel haben, die die Breite einer Tabelle auf 100 % festlegt , aber wir möchten nur, dass IE 7, 8 und 9 diese Eigenschaft rendern. Eine einfache Lösung besteht darin, Medienabfragen zu verwenden.

Verwenden von Medienabfragen

Durch die Verwendung von Mit der @media-Regel können wir Stile angeben, die auf bestimmte Browserversionen oder -funktionen abzielen. Aus Gründen der IE-Kompatibilität können wir die Eigenschaft -ms-high-contrast verwenden, die spezifisch für Microsoft Internet Explorer 10 oder höher ist.

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

Erläuterung

Diese Medienabfrage zielt auf IE 10 und höher ab und wendet den Stil „width: 100 %“ auf das tatsächliche Formulartabellenelement an, unabhängig vom hohen Kontrast des Benutzers Einstellungen. Dadurch wird sichergestellt, dass nur IE-Browser innerhalb der angegebenen Versionen diese Stilregel einhalten.