css - optgroup 上的样式

Question

如何将样式放在选择标签中的 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 插件，它允许表单元素的完整、跨浏览样式；比如制服。