Wie kann ich nur mit CSS nur den Internet Explorer (alle Versionen) formatieren?

Nur ​​Internet Explorer (alle Versionen) über CSS gestalten

Problem:

Innerhalb eines geerbten Projekts besteht ein Bedarf um den Internet Explorer gezielt für die Gestaltung auszurichten, ohne HTML mithilfe von CSS zu ändern exklusiv.

Lösung:

Internet Explorer 9 und niedriger:

• Verwenden Sie bedingte Kommentare, um eine externe Datei zu laden Stylesheet maßgeschneidert für IE.

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

Internet Explorer 10 und 11:

• Erstellen Sie eine Medienabfrage mit „-ms-high-contrast“, um CSS-Stile anzuwenden, die exklusiv für IE 10 gelten:

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

Microsoft Edge 12:

• Nutzung „@supports“-Regel für IE Edge 12 und höher:

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

Inline-Regel für IE8 und niedriger:

/* 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 */

Hinweis: Erwägen Sie für Inline-Stylesheets die Verwendung von Medienabfragen und bedingten Kommentaren für Versionen unter IE9.

Das obige ist der detaillierte Inhalt vonWie kann ich nur mit CSS nur den Internet Explorer (alle Versionen) formatieren?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!