0

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

4

2 回答 2

1

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

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

于 2012-09-17T16:10:16.883 回答
0

您可以通过 css 对其进行样式设置：

 optgroup {
  font-style: italic;
 }

http://jsfiddle.net/9VzV6/

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

于 2012-09-17T15:06:37.967 回答