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

是否可以在下拉列表中更改「選擇器」顏色？在下拉列表中更改行的顏色

<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中可以設置顏色嗎？

來源

2011-02-08 Judy

AFAIK沒有一種無需藉助Javascript即可完成此功能的交叉兼容方式。即造型每個選項值。 – 2011-02-08 08:14:35

它適用於我在谷歌瀏覽器和Mozilla Firefox瀏覽器。

編輯：也適用於IE6

來源

2011-02-08 07:23:05

您是否點擊下拉菜單並選擇不同的值？例如，你應該得到一個紅色的「綠色」。 – 2011-02-08 08:38:31

其在許多瀏覽器中正常工作。我沒有看到這個HTML的任何問題。

來源

2011-02-08 07:34:23 Shebin

問題是，當您選擇一個項目時，下拉框的bgcolor保持爲原始顏色。 Shadow Wizards解決方案是正確的。 – anothershrubery 2011-02-08 09:06:27

要保留所選項目的背景顏色（我相信是你以後在做什麼），添加以下代碼onchange：

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

現場測試案例：http://jsfiddle.net/yahavbr/LD8Dx/

來源

2011-02-08 07:52:31

+1，但沒有內聯樣式和內聯JS會更好。 – 2011-02-08 08:41:38

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

回答

相關問題