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

时间:2012-09-17 15:04:15

标签: html css ipad

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

2 个答案:

答案 0 :(得分:1)

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

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

答案 1 :(得分:0)

您可以通过css设置样式:

 optgroup {
  font-style: italic;
 }

http://jsfiddle.net/9VzV6/

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