2010-05-07 4 views

Répondre

15
select.list1 option.option2 
{ 
    background-color: #007700; 
} 

<select class="list1"> 
    <option value="1">Option 1</option> 
    <option value="2" class="option2">Option 2</option> 
</select> 
+1

Pourquoi utiliser '>'? '

+0

pouvez-vous faire du texte à l'intérieur

+20

Malheureusement, cela ne semble pas fonctionner dans Chrome. – edebill

0

Tout comme normale background-color: #f0f

Vous avez juste besoin d'un moyen de cibler, par exemple: <option id="myPinkOption">blah</option>

19

Je suppose que vous voulez dire l'élément d'entrée <select>?

Soutien à qui est assez nouveau, mais FF 3.6, Chrome et IE 8 rendre ce bien:

<select name="select"> 
    <option value="1" style="background-color: blue">Test</option> 
    <option value="2" style="background-color: green">Test</option> 
</select> 
+4

Ne fonctionne pas dans Chrome ni dans Safari. – dguay

+0

salut, ne fonctionne pas dans FF 51 maintenant – Jimmmy

+0

salut, après la mise à jour FF à v.55 ça marche – Jimmmy

1

J'ai eu ce problème aussi. J'ai trouvé que mettre l'apparence à personne n'a aidé.

Questions connexes