使用新的选项和样式与CSS

Question

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

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

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

Answer 1

我无法告诉您这是如何跨浏览器的，但它可以通过小提琴进行Chrome测试。

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;