comment cibler IE 11 spécifiquement à l'aide de css hacks

ciblant Internet Explorer 11 spécifiquement avec CSS peut être réalisé via une combinaison de règles spécifiques à Microsoft. En tirant parti de ces règles, il est possible de créer des hacks qui appliquent des styles uniquement à IE 11 tout en ignorant les autres navigateurs.

Une approche implique d'utiliser la règle @media all et (-ms-high-contrast: nother). Cette règle cible tous les navigateurs qui ont un mode de contraste élevé désactivé. Comme il s'agit d'une fonctionnalité spécifique à Microsoft, elle ne correspondra qu'à IE 10 et IE 11.

Dans cette requête multimédia, vous pouvez appliquer des styles spécifiquement à IE 11 en utilisant le sélecteur * :: - ms-backdrop. Ce sélecteur cible l'élément de fond qui est créé par certains états de focus dans IE 11.

Par exemple, le code CSS suivant peut être utilisé pour cibler IE 11 et modifier la couleur d'un élément avec la classe "foo":

@media all and (-ms-high-contrast:none)
{
  .foo { color: green } /* IE10 */
  *::-ms-backdrop, .foo { color: red } /* IE11 */
}

Cette approche fonctionne parce que l'utilisation d'un sélecteur CSS non valide, tel que * :: - MS-BackDrop, fait ignorer l'ensemble du bloc sélecteur. En combinant ce sélecteur non valide à un sélecteur valide, vous pouvez cibler efficacement IE 11 sans affecter d'autres navigateurs.