有没有办法在iPad上使用CSS设置optgroup样式？

Question

有没有办法使用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的选择组进行设计。

Answer 1

不幸的是，没有办法做到这一点。 iPad Safari完全控制样式选择列表的内部内容。以下是验证参考：little link。

实现这一目标的一种方法是使用JavaScript模拟下拉菜单/选择菜单。这不是很好，但如果你需要更改默认样式，那么我担心这是唯一的出路;这是一个演示，可以让您了解如何进行模拟：another little link。

Answer 2

您可以通过css设置样式：

 optgroup {
  font-style: italic;
 }

http://jsfiddle.net/9VzV6/

如果需要，您还可以为每个optgroup标记添加一个类/ ID。