Maison >interface Web >tutoriel CSS >Comment puis-je styliser uniquement Internet Explorer (toutes les versions) en utilisant uniquement CSS ?

Comment puis-je styliser uniquement Internet Explorer (toutes les versions) en utilisant uniquement CSS ?

Mary-Kate Olsen
Mary-Kate Olsenoriginal
2024-12-23 19:07:22790parcourir

How Can I Style Only Internet Explorer (All Versions) Using CSS Alone?

Style uniquement Internet Explorer (toutes les versions) via CSS

Problème :

Dans un projet hérité, il y a un besoin pour cibler spécifiquement Internet Explorer pour le style sans modifier le HTML, en utilisant CSS exclusivement.

Solution :

Internet Explorer 9 et versions antérieures :

  • Utiliser les commentaires conditionnels pour charger un fichier externe feuille de style adaptée à IE.
<!--\[if IE]--\>
<link rel="stylesheet" type="text/css" href="all-ie-only.css" />
<!\[endif]--\>

Internet Explorer 10 et 11 :

  • Créez une requête multimédia utilisant "-ms-high-contrast" pour appliquer des styles CSS exclusifs à IE 10 :
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    /* IE10+ CSS styles go here */
}

Microsoft Edge 12 :

  • Exploitez "@supports" règle pour cibler IE Edge 12 et versions ultérieures :
@supports (-ms-accelerator:true) {
    /* IE Edge 12+ CSS styles go here */ 
}

Règle en ligne pour IE8 et versions antérieures :

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

Remarque : Pour les feuilles de style en ligne, envisagez d'utiliser des requêtes multimédias et des commentaires conditionnels pour les versions inférieures à IE9.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn