web-dev-qa-db-fra.com

HTML: comment définir la couleur d'arrière-plan de l'élément dans l'élément select

comment définir la couleur d'arrière-plan d'un élément dans une liste de sélection HTML?

htmlselectbackground-color
31
mike
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>
16
user151323

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

La prise en charge de cette fonctionnalité est relativement nouvelle, mais FF 3.6, Chrome et IE 8 rendent tout cela bien:

<select name="select">
  <option value="1" style="background-color: blue">Test</option>
  <option value="2" style="background-color: green">Test</option>
</select>
20
Pekka 웃

J'ai eu ce problème également. J'ai trouvé le réglage de l'apparence à aucun aidé.

.class {
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;

    background-color: red;
}
1
Karl Stulik

Comme d'habitude background-color: #f0f

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

0
nickf