选项长于屏幕尺寸时,iOS 7不会显示多行

时间:2013-09-25 17:59:02

标签: html ios7 option

iOS 7在html option s中不会显示多行:

<select>
  <option value="volvo">Volvo test test test test test test </option>
  <option value="saab">Saab</option>
  <option value="opel">Opel</option>
  <option value="audi">Audi</option>
</select>

它只是用省略号截断它。有没有人注意到这只是一个标准的HTML option

也许这是iOS 7的错误,因为它不是在iOS6上发生的?我直接从the w3schools site

中提取了这个内容

要重现,请让您的iPhone运行iOS 7并转到to this jsFiddle

显然,您可以在选择后看到问题。但使用移动优化手机,您将看不到整个问题。

除非我在这里遗漏了什么。

2 个答案:

答案 0 :(得分:8)

在选择列表的末尾添加一个空的optgroup

 <select>
  <option selected="" disabled="">Select a value</option>
  <option>Grumpy wizards make toxic brew for the evil Queen and Jack</option>
  <option>Quirky spud boys can jam after zapping five worthy Polysixes</option>
  <option>The wizard quickly jinxed the gnomes before they vaporized</option>
  <option>All questions asked by five watched experts amaze the judge</option>
  <optgroup label=""></optgroup>
 </select>

答案 1 :(得分:1)

现在看来它需要<optgroup>标准来包装选项。

问题解决了。