0

CSSを使用してHTML要素「optgroup」のスタイルを設定する方法はありますか？iPad用のモバイルiOSブラウザにスタイルが表示されることが特に重要です。

HTMLは次のとおりです。

 <optgroup label="Great Britain">
    <option value="EUROPE_ENGLAND">England</option>
    <option value="EUROPE_SCOTLAND">Scotland</option>
    <option value="EUROPE_WALES">Wales</option>
 </optgroup>

そしてCSSは次のとおりです。

optgroup {
  color: red;
}

ちなみに、iPadのoptgroupをスタイリングできるかどうかさえわかりません。

4

2 に答える 2

1

残念ながら、それを行う方法はありません。iPad Safariは、選択リストの内部コンテンツのスタイリングを完全に制御します。検証のためのリファレンスは次のとおりです：小さなリンク。

これを実現する1つの方法は、JavaScriptを使用してドロップダウン/選択メニューをシミュレートすることです。あまりお勧めできませんが、デフォルトのスタイルを変更する必要がある場合は、それが唯一の方法だと思います。これは、シミュレーションの実行方法に関するアイデアを提供するデモです。別の小さなリンクです。

于 2012-09-17T16:10:16.883 に答える
0

あなたはただcssを通してそれをスタイリングすることができます：

 optgroup {
  font-style: italic;
 }

http://jsfiddle.net/9VzV6/

必要に応じて、各optgroupタグにクラス/IDを追加することもできます。

于 2012-09-17T15:06:37.967 に答える