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

select optgroup代わりに CSS セレクターを使用してください。

すべてのブラウザーがルールを尊重するわけではないことに注意してくださいoptgroup(Webkit など)。このことを念頭に置いて、フォーム要素の完全なクロスブラウジング スタイル設定を可能にする jQuery プラグインを試してみてください。制服など。