Comment puis-je appliquer des styles CSS exclusivement aux navigateurs Internet Explorer ?

Application de style exclusivement à Internet Explorer

Dans un bloc de code CSS donné, les utilisateurs peuvent rencontrer le besoin d'appliquer des styles spécifiques uniquement aux navigateurs Internet Explorer (IE) et ignorer pour d'autres navigateurs.

Personnalisation de la propriété de largeur pour IE 7-9

Par exemple, si nous avons une règle CSS qui définit la largeur d'un tableau à 100 % , mais nous souhaitons que seuls IE 7, 8 et 9 restituent cette propriété, une solution simple consiste à utiliser des requêtes multimédias.

Utilisation des requêtes multimédias

En employant l' Règle @media, nous pouvons spécifier des styles qui ciblent des versions ou des fonctionnalités spécifiques du navigateur. Pour la compatibilité avec IE, nous pouvons utiliser la propriété -ms-high-contrast, qui est spécifique à Microsoft Internet Explorer 10 ou supérieur.

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

Explication

Ceci media query cible IE 10 et supérieur et applique le style width: 100% à l'élément de table du formulaire réel, quels que soient les paramètres de contraste élevé de l'utilisateur. Cela garantit que seuls les navigateurs IE dans les versions spécifiées adhéreront à cette règle de style.

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!