wake-up-neo.com

HTML: So legen Sie die Hintergrundfarbe des Elements im select-Element fest

wie legen Sie die Hintergrundfarbe eines Elements in einer HTML-Auswahlliste fest?

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

Ich nehme an, Sie meinen das <select>-Eingabeelement?

Die Unterstützung dafür ist ziemlich neu, aber FF 3.6, Chrome und IE 8 machen dies ganz richtig:

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

Ich hatte auch dieses Problem. Ich fand, dass es keinen Sinn machte, das Erscheinungsbild zu ändern.

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

    background-color: red;
}
1
Karl Stulik

Wie üblich background-color: #f0f

Sie brauchen nur einen Weg, um es anzuvisieren, zB: <option id="myPinkOption">blah</option>

0
nickf