iOS 6选择菜单vs iOS 7选择菜单 [英] iOS 6 Select Menu vs iOS 7 Select Menu

问题描述

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

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

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

我还检查了苹果的网站（看看他们是否做了什么不同）他们受到与他们的选择菜单相同的问题。
http://i.stack.imgur.com/2eBCy.jpg

解决方案

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

如何在< select>上修复截断的文本iOS7上的元素

 < select& 
< option selected =disabled =>选择值< / option> 
< option>脾气暴躁的巫师为邪恶的皇后和杰克做有毒的酿造< / option> 
< option> Quirky spud男孩可以在zapping五个Polysixes后卡住< / option> 
< option>向导在气化之前迅速地将侏儒刺激< / option> 
< option>五个观看的专家提出的所有问题都惊讶法官< / option> 
< optgroup label =>< / optgroup> 
< / select> 
  

The select menu (the pinwheel) within the new iOS 7 truncates the items as shown in this photo.

Is there anyway to prevent the truncating that's occurring by default so the select items "wrap" so the select experience functions more like iOS 6?! I'm looking for CSS and/or jquery solutions. I'm not able to find any topics on the matter either...

Any support in this area would be helpful

I also checked apple's site (to see if they are doing anything different) and they suffer from the same problem with their select menus. http://i.stack.imgur.com/2eBCy.jpg

解决方案

Well, as it turns out, if I insert a fake option group label it disables the truncating.

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>

这篇关于iOS 6选择菜单vs iOS 7选择菜单的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！