Wie kann ich CSS-Stile ausschließlich auf Internet Explorer-Browser anwenden?

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.

Verwendung von Medienabfragen

Durch die Verwendung von Mit der @media-Regel können wir Stile angeben, die auf bestimmte Browserversionen oder -funktionen abzielen. Für 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%;
    }
}

Erklärung

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

Das obige ist der detaillierte Inhalt vonWie kann ich CSS-Stile ausschließlich auf Internet Explorer-Browser anwenden?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!