使用新选项和CSS样式

Question

如何使用JS设计样式选项？假设我有这个：

var optionElementReference = new Option([text, [value, [defaultSelected, [selected]]]]); 

我希望每个选项都有自己的背景颜色。第一个选项红色，第二个橙色，第三个黄色等。我该怎么做？

Answer 1

我不能告诉你这是如何跨浏览器，但它在铬测试与小提琴的工作。

document.getElementById("s1").options[0] = new Option("x",0); 
document.getElementById("s1").options[1] = new Option("y",1); 
var z = new Option("z",2); 
z.setAttribute("style","background-color:red"); 
document.getElementById("s1").options[2] = z;