Comment personnaliser la couleur de surbrillance d'un élément sélectionné en survol ?

Personnalisation de la couleur de surbrillance de l'élément sélectionné

Q : Comment puis-je modifier la couleur de surbrillance qui apparaît sur le < li> élément lorsque la souris le survole dans un liste déroulante ?

A : Les informations fournies concernant la mise en évidence de

éléments dans

n'est pas clair. Cependant, il semble que vous ayez l'intention de modifier la couleur d'arrière-plan de éléments. Les tentatives en ce sens ont été infructueuses, car la couleur du système est prioritaire même avec le style CSS.

Vous pouvez également mettre en surbrillance l'intégralité de l'option L'élément au survol de la souris peut être obtenu à l'aide du CSS suivant :

<code class="css">select:hover { background-color: red; }</code>

Cependant, le comportement de cette solution de contournement varie selon les navigateurs. Par exemple, Chrome ne met pas en évidence les options dans la liste déroulante, tandis que Firefox le fait, mais ne parvient pas à restaurer la couleur par défaut lors du survol.

Il est crucial de noter que le style fiable des contrôles de formulaire est intrinsèquement difficile. Pour plus de détails sur cette limitation, reportez-vous à la discussion suivante.

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!

firefox css chrome for while select using default this background li

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

Article précédent：Le sélecteur universel (*) est-il toujours un goulot d'étranglement en termes de performances dans les navigateurs modernes ?Article suivant：Le sélecteur universel (*) est-il toujours un goulot d'étranglement en termes de performances dans les navigateurs modernes ?

Articles Liés

Voir plus

• Où faut-il placer le code CSS et Javascript dans les pages Web HTML pour des performances optimales ?
• Puis-je créer un cercle avec une bordure partielle en HTML5/CSS3 ?
• Comment aligner les étiquettes et les entrées horizontalement avec une largeur dynamique en CSS ?
• Pourquoi mon image d'arrière-plan CSS n'apparaît-elle pas ?
• Pourquoi mon CSS s'affiche-t-il différemment dans les environnements de développement et de production ?

• Maison

• Cours

• Questions et réponses

• Mon

• Maison
• Cours
• Article
• Questions et réponses
• Dictionnaire
• Manuel
• Télécharger
• Sujet

Maison

Article

Questions et réponses

Cours

Sujet

Télécharger

Jeu

Dictionnaire

简体中文（ZH-CN）English（EN）繁体中文（ZH-TW）日本語（JA）한국어（KO）Melayu（MS）Français（FR）Deutsch（DE）