css - 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 .