Page 1 sur 1

<select multiple> CSS

Posté : 12 juin 2014, 10:51
par MmeRose
Bonjour,

Je n'arrive pas et n'ai pas trouvé comment faire pour styler mes Selected Options sur mes <select multiple="multiple">

Si je fais ça :
 select[multiple="multiple"](:checked) {background-color:#CC0066; color:#CC66FF;} 
rien ne se passe,
Si :
 select[multiple="multiple"]:not(:checked) {background-color:#CC0066; color:#CC66FF;} 
le background est coloré lorsque NOT selected, mais lorsque selected, il reste gris.. Et ça me dérange. Je voudrais choisir de la couleur et/ou le background des options selected dans un <select multiple="multiple">

Merci d'avance pour votre aide, Google ne m'ayant pas aidée sur ce coup là!

Re: <select multiple> CSS

Posté : 12 juin 2014, 11:09
par Elie
Le plus simple serait de creer un faux SELECT en JavaScript.
Quand tu vois ce que tu peux faire maintenant : http://tympanus.net/Development/SimpleDropDownEffects/

Re: <select multiple> CSS

Posté : 12 juin 2014, 11:16
par MmeRose
Oui merci, il est déjà dans mes favoris, à utiliser un de ces 4 ! Mais actuellement je bosse sur un design sobre classique (site immobilier)

Ok donc en en fait à ton avis c'est impossible de mettre un background color sur des options selected d'un select multiple ? en CSS je veux dire, ou pas?
Sélectionnez * Nombre de pièces <select multiple>
* Ville <select multiple>