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

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中使用