如何用javascript设置或更改select中的option的样式

Question

比如我如何为

 document.getElementById("select").add(new Option(obj.innerHTML,obj.innerHTML));中新增加的option设置样式呢

Answer 1

ok ``我知道了``
    var a=new Option(obj.innerHTML,obj.innerHTML);
    a.style.color=obj.style.color;
    a.style.fontSize=obj.style.fontSize;
    a.style.fontWeight=obj.style.fontWeight;
    a.style.fontStyle=obj.style.fontStyle;
    a.style.textDecoration=obj.style.textDecoration;
    $("select").add(a);

Answer 2

现在又有一个问题了``
为什么给option中设置斜体和下划线不好使

Answer 3

<select style="text-decoration: underline; font-style: italic;">
<option>testtesttest</option>
</select>

Answer 4

我想给单独的每个option都设置不一样的样式所以我这样设置
<option selected="selected" style="color:#e03a86; font-size:15px; font-weight:bold; text-decoration:underline;font-style: italic;" value="">所有人</option>
可是为什么只有text-decoration:underline;font-style: italic;（下划线和斜体）是不好使得，也就是无效的
那怎么办呀```如何能让下滑线和协调在option中设置是有效的呢？？