HTML:如何在select元素中设置item的背景颜色

mik*_*ike 33 html select background-color

如何在HTML选择列表中设置项目的背景颜色?

Pek*_*ica 19

我假设你的意思是<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>
Run Code Online (Sandbox Code Playgroud)

  • 不适用于Chrome或Safari. (7认同)

小智 17

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>
Run Code Online (Sandbox Code Playgroud)

  • 不幸的是,这似乎不适用于Chrome. (24认同)
  • 此解决方案在 Chrome 和 Safari 中仍然不起作用。 (3认同)