comment changer la couleur d'arrière-plan des éléments sélectionnés dans multiselect zone de liste déroulante?
Je veux donner la couleur jaune pour les éléments sélectionnés dans multiselect zone de liste déroulante. Par défaut, il a un fond gris après la sélection,
Je veux le faire en HTML, CSS
.
Quelqu'un peut-il aider?
OriginalL'auteur user9371102 | 2012-11-22
Vous devez vous connecter pour publier un commentaire.
Nous pouvons simplement faire avec l'aide de la css ci-dessous.
select option:checked{
background: #1aab8e -webkit-linear-gradient(bottom, #1aab8e 0%, #1aab8e 100%);
}
OriginalL'auteur Vikash Gupta
Ajouter votre propre style à l'intérieur du bloc.
OriginalL'auteur Elnaz
Nous pouvons utiliser JS pour sélectionner les Dom.
Démo : http://jsfiddle.net/TxbVt/1/
Cela n'a pas fonctionné pour le multi-sélectionne pour moi non plus.
OriginalL'auteur
La suivante devrait fonctionner (pour les navigateurs qui permettent style des balises d'option), cependant la valeur par défaut sélectionnez le style va remplacer dans la plupart des cas. Vous pouvez être en mesure de trouver un moyen de désactiver cette cependant:
css
javascript
balisage
Oui, malheureusement, comme je l'ai dit. par les regards de celui-ci, vous ne pouvez pas supprimer ce... au moins autant que je l'ai trouvé. Parce que l'évidence n'est pas une propriété de l'élément option, c'est une couche sur le dessus. Cependant, vous pouvez toujours affecter des styles qui ne sont pas remplacées si... comme frontière et de rembourrage. Et vous pouvez appliquer des styles et des images d'arrière-plan pour les non-sélectionnés et des options pour les rendre plus attrayants.
Cela ne fonctionne pas dans FF 🙁
OriginalL'auteur Pebbl
Pur CSS serait de l'aide ici:
OriginalL'auteur Anton Mitsev
Vous ne pouvez pas.
Le
<option>
élément n'accepte pas le style CSS.Merci @Diodeus, Pouvez-vous hel moi avec le Javascript pour le style ci-dessous. { /* couleur du Texte et des caractères gras, en rouge et en gras */ color:blue; font-weight:bold; }
JavaScript ne peut pas faire cela avec un standard de sélection de l'élément. Voir: jankoatwarpspeed.com/post/2009/07/28/...
Oh, j'ai besoin comme celui-ci jsfiddle.net/TxbVt/1 Il a également ne fonctionne pas comme vous l'avez mentionné @Diodeus
OriginalL'auteur Diodeus - James MacFarlane