web-dev-qa-db-ja.com

HTML：select要素でアイテムの背景色を設定する方法

hTML選択リストでアイテムの背景色をどのように設定しますか？

htmlselectbackground-color
33
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>
17
user151323

私はあなたが<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>
19
Pekka 웃

私もこの問題を抱えていました。外観をnoneに設定すると助けになりました。

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

    background-color: red;
}
1
Karl Stulik

通常のbackground-color: #f0f

対象とする方法が必要なだけです。例：<option id="myPinkOption">blah</option>

0
nickf