hTML選択リストでアイテムの背景色をどのように設定しますか?
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>
私はあなたが<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>
私もこの問題を抱えていました。外観をnoneに設定すると助けになりました。
.class {
appearance:none;
-moz-appearance:none;
-webkit-appearance:none;
background-color: red;
}
通常のbackground-color: #f0f
対象とする方法が必要なだけです。例:<option id="myPinkOption">blah</option>