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

我可以看到 text-transform:uppercase 正在申请 optgroup。当我在 Firefox 中打开演示时，我只能看到“瑞典汽车”。

于 2013-07-24T03:59:56.657 回答