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

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/