optgroup上的样式

Question

如何将样式放在select标签中的optgroup上？

http://jsfiddle.net/UCNJ8/3/

js：

$('<select></select>').appendTo('body').append('<option value="0">test</option>')
    .append($('<optgroup label="group"></optgroup>')
            .append('<option value="1">group test</option>'));

css：

select.optgroup[label] {
    font-style:normal;
}

Answer 1

改用CSS选择器select optgroup。

请注意，并不是每个浏览器都会遵守optgroup规则(例如Webkit)。考虑到这一点，您可能想尝试一个允许表单元素的完整、跨浏览样式的jQuery插件；比如Uniform。