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

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

<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

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

回答

相关问题