iOS 6选择菜单与iOS 7选择菜单

Question

新iOS 7中的选择菜单（风车）会截断此照片中显示的项目。

是否有任何方法可以防止默认情况下发生的截断，以便选择项目“换行”，以便选择体验功能更像iOS 6？我正在寻找CSS和/或jquery解决方案。我无法在这个问题上找到任何主题......

此区域的任何支持都会有所帮助

我还检查了苹果的网站（看看他们是否做了不同的事情），他们的选择菜单遇到了同样的问题。 http://i.stack.imgur.com/2eBCy.jpg

Answer 1

嗯，事实证明，如果我插入一个假的选项组标签，它会禁用截断。

How to fix truncated text on <select> element on iOS7

<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>

Answer 2

如上所述（ - ＆gt; Line Break in HTML Select Option?）你遗憾地无法在<option>标签中插入换行符（我自己尝试了几种可能的解决方案，但它不起作用）。所以我真的不明白为什么Apple把它改成只有一行文字。我建议使用jQuery Mobile（非常容易学习和使用）因为它拥有独立且可自定义的选择表单元素（在API文档中查找“自定义选择菜单” - ＆gt; http://api.jquerymobile.com/selectmenu/）。