Question

OPTGROUP元素似乎没有根据我定义的CSS规则进行渲染。

参见下面的例子，人们会期望“瑞典汽车”被称为“瑞典汽车”，但事实并非如此。

还有其他方法可以完成吗？

<!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/

Answer 1

我可以看到text-transform：大写已经应用于optgroup。当我在Firefox中打开演示时，我只能看到“SWEDISH CARS”..

在OPTGROUP元素上应用CSS类

1 个答案: