Changer la couleur D'arrière-plan de L'Option de liste de sélection sur hover en html [dupliquer]
Cette question a déjà une réponse ici:
- changer la couleur D'arrière-plan de L'Option de liste de sélection sur hover 7 réponses
Est-il possible de changer la couleur d'arrière-plan par défaut de l'option de liste de sélection sur hover?
HTML:
<select id="select">
<option value="1">One</option>
<option value="2">Two</option>
<option value="3">Three</option>
</select>
css prettyprint-override">select {
-webkit-border-radius:25px; -moz-border-radius:25px; border-radius:25px;
}
select:hover {
background-color:gren;
}
option:hover {
background-color:yellow;
}
option {
-webkit-border-radius:25px; -moz-border-radius:25px; border-radius:25px;
color:blue;
background-color:yellow;
}
J'ai essayé l'option :hover{background-color:red;}, mais cela ne sert à rien. Quelqu'un sait comment faire cela?
2 réponses
Actuellement, il n'y a aucun moyen d'appliquer un css pour obtenir le résultat souhaité . Pourquoi ne pas utiliser des bibliothèques comme choisi ou select2 . Ils vous permettent de style comme vous le souhaitez.
Si vous voulez utiliser des bibliothèques tierces, vous pouvez créer une simple liste non ordonnée et jouer avec du css.Voici le fil que vous pourriez suivre
Comment convertir dropdown en une liste non ordonnée en utilisant jquery?
Non, il n'est pas possible.
C'est vraiment, sinon utiliser des sélections natives, si vous créez un widget de sélection personnalisé à partir d'éléments html, T. E. "li".