Question

是否可以在下拉列表中更改“选择器”颜色？

 <select name="select" style="background-color: #ff0000">
 <option style="background-color: #ff0000" value="1">Red</option>
 <option style="background-color: #ffffff" value="2">Green</option>
 <option style="background-color: #0000ff" value="3">Blue</option>
 </select>

我试过上面的风格，但没有奏效。我知道使用JavaScript获取document.getElementById('text').style.color='red'可以设置颜色。

但HTML中是否可以设置颜色？

Answer 1

要保留所选项目的背景颜色（我相信您正在追求的内容），请添加以下onchange代码：

<select name="select" style="background-color: #ff0000" onchange="this.style.backgroundColor = this.options[this.selectedIndex].style.backgroundColor;">

实时测试案例：http://jsfiddle.net/yahavbr/LD8Dx/

Answer 2

它在许多浏览器中都能正常工作。我没有看到这个HTML有任何问题。

Answer 3

它适用于Google Chrome和Mozilla Firefox。

编辑：也适用于IE6

在下拉列表中更改行的颜色

3 个答案: