1

OPTGROUP要素は、私が定義した CSS ルールに従ってレンダリングされていないようです。

以下の例を参照してください。「Swedish Cars」は「SWEDISH CARS」とレンダリングされると思われますが、そうではありません。

それを成し遂げる他の方法はありますか？

<!DOCTYPE html>
<html>
<body>
<style type="text/css">
.upper { text-transform: uppercase;}
</style>

<select>
  <optgroup label="Swedish Cars" class="upper">
    <option value="volvo">Volvo</option>
    <option value="saab">Saab</option>
  </optgroup>
  <optgroup label="German Cars" class="upper">
    <option value="mercedes">Mercedes</option>
    <option value="audi">Audi</option>
  </optgroup>
</select>

</body>
</html>

JSFiddle ライブ デモ: http://jsfiddle.net/wb6gJ/

4

1 に答える 1

-1

optgroup に text-transform:uppercase が適用されていることがわかりました。Firefox でデモを開くと、「SWEDISH CARS」しか表示されませんでした。

于 2013-07-24T03:59:56.657 に答える