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 les 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 uniquement que 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, spécifique à Microsoft Internet Explorer 10 ou version ultérieure.

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

Explication

Cette requête multimédia cible IE 10 et supérieur et applique le style width: 100 % à l'élément de tableau du formulaire réel, quel que soit le contraste élevé de l'utilisateur. paramètres. Cela garantit que seuls les navigateurs IE dans les versions spécifiées adhéreront à cette règle de style.