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。