javascript - 更改下拉列表中一行的颜色

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/