Comment puis-je appliquer des styles CSS de manière sélective aux navigateurs Opera ?

Comment appliquer CSS de manière sélective aux navigateurs Opera

Vous vous demandez si vous pouvez restreindre le style CSS à des navigateurs spécifiques ? Il est possible de rendre certaines règles CSS visibles exclusivement pour les navigateurs Opera.

Sélecteurs CSS spécifiques à Opera

Opera prend en charge plusieurs sélecteurs CSS qui ciblent son navigateur :

-o-prefocus : Sélectionne les éléments lorsqu'ils reçoivent le focus dans Opera.

Exemple :

noindex:-o-prefocus, .my-class {
  color: #fff;
}

Ce code appliquera la couleur du texte blanc à l'élément avec la classe .my-class uniquement lorsqu'il recevra le focus dans Opera. . Notez que noindex est inclus pour empêcher les moteurs de recherche d'indexer cette règle CSS.

Cette approche fonctionne efficacement pour Opera 10.63 et les versions ultérieures.

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!