css formulaire liste déroulante problème

Question

Sur mon site css fichier je l'ai si tous les arrière-plans d'entrée de forme (textareas, dropdowns etc) ont un attribut de couleur de fond noir.

Cependant sur une page que je suis en train de faire un menu déroulant de la section de couleur, avec l'arrière-plan de chaque option d'une couleur différente, par exemple: bleu

Cela fonctionne, lorsque le menu déroulant est ouvert, mais quand je la sélectionner , il ne montre pas la couleur d'arrière-plan dans le champ actuellement sélectionné. Je ne suis pas sûr si le CSS l'emporte ou quoi.

Quelqu'un sait comment contourner cela? (a tenté d'expliquer mieux que je pouvais)

Ceci est dans mon fichier css:

input,textarea,input,select,input,checkbox { 
font-size:12px; 
font-family:Verdana,Arial,Helvetica,sans-serif; 
color:#98925C; 
background-color:#000; 
border:1px solid #413E22 
} 

et le code im en utilisant sur ma page html pour rendre la forme:

<select size="1" name="color"> 
<option value=blue style='background-color:blue'>blue</option> 
<option value=red style='background-color:red'>red</option> 
</select> 

etc

Answer 1

Lorsque le <select> est ouvert, vous voyez les éléments <option> et leurs couleurs d'arrière-plan respectives. Lorsque vous sélectionnez une option, l'élément <select> ferme ses options et vous laisse uniquement visible l'élément <select>. Il est logique que la couleur de fond <option> n'affecte pas l'élément <select> fermé.

Cela étant dit, cela ressemble à une solution:

<select onChange="this.style.backgroundColor=this.options[this.selectedIndex].style.backgroundColor">