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

【问题标题】：Is there any way to style optgroup using CSS on the iPad?有没有办法在 iPad 上使用 CSS 设置 optgroup 样式？
【发布时间】：2012-09-09 20:03:41
【问题描述】：

有没有办法使用 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 的 optgroup 样式。

【问题讨论】：

在 safari 上支持 w3schools.com/tags/tag_optgroup.asp
@AzzyDude 到底是什么问题？您是否尝试过样式但它没有被渲染？如果有，请提供相关的 HTML/CSS。
@EricFrick 移动 safari 怎么样？

标签： html css ipad

【解决方案1】：

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

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

【讨论】：

【解决方案2】：

你可以通过css来设置样式：

 optgroup {
  font-style: italic;
 }

http://jsfiddle.net/9VzV6/

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

【讨论】：

你在 iPad 上测试过这个吗？我没有，所以才问。我不完全确定如何在 iPad 上绘制选择框。
是的，这不会在 iPad 上呈现。默认外观为浅灰色和斜体。好像改不了。