HTML: как установить цвет фона элемента в элементе select

Question

как установить цвет фона элемента в списке выбора HTML?

Answer 1

Полагаю, вы имеете в виду элемент ввода <select>?

Поддержка этого довольно нова, но в FF 3.6, Chrome и IE 8 все хорошо:

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

Answer 2

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>

Answer 3

У меня тоже была эта проблема.Я обнаружил, что установка внешнего вида не помогла.

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

    background-color: red;
}

Answer 4

Как обычно background-color: #f0f

Вам просто нужен способ нацелиться на него, например: <option id="myPinkOption">blah</option>