Comment changer la couleur de surbrillance par défaut de la liste déroulante en HTML du bleu à une autre couleur pour la balise jQuery Girl

Comment changer la couleur de surbrillance par défaut du menu déroulant HTML du bleu en une autre couleur pour les balises , en utilisant certaines propriétés CSS ou à partir de Javascript?

La condition est que je dois utiliser les balises uniquement. J’ai essayé le code ci-dessous, mais cela n’a pas fonctionné pour moi:

   Dropdown Colour  option:hover { background:#C6C4BD; }     Shell Cabbage Beans Cheese Clock Monkey

essayez de définir les propriétés de contour et / ou de bordure de select.

 select{outline:1px solid green;border:1px solid black;}

À l’heure actuelle, il n’y a aucun moyen que je sache que cela peut être accompli uniquement à l’aide de CSS.

Cependant, jQuery m’a permis d’obtenir un effet similaire.

Démo en direct

Votre liste déroulante change car je dois définir la taille de l’élément select, ce qui la fait ressembler à une liste déroulante. Peut-être que quelqu’un peut improviser à ce sujet.

Voici le jQuery j’ai utilisé

 $(document).ready(function (event) { $('select').on('mouseenter', 'option', function (e) { this.style.background = "limegreen"; }); $('select').on('mouseleave', 'option', function (e) { this.style.background = "none"; }); });

Essayez de changer comme ça, espérons que cela pourra vous aider

  select option{ background: red; color: #fff; outline:1px solid green; }