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

标签 jquery ios css html

新 iOS 7 中的选择菜单(风车)截断了这张照片中显示的元素。

有没有办法防止默认情况下发生的截断,以便选择元素“换行”,从而使选择体验更像 iOS 6?!我正在寻找 CSS 和/或 jquery 解决方案。我也找不到关于此事的任何主题...

这方面的任何支持都会有所帮助 enter image description here

我还检查了 apple 的网站(看他们是否在做任何不同的事情),他们的选择菜单也遇到了同样的问题。 http://i.stack.imgur.com/2eBCy.jpg

最佳答案

好吧,事实证明,如果我插入一个伪造的选项组标签,它会禁用截断。

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>

关于jquery - iOS 6 选择菜单与 iOS 7 选择菜单,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20660390/

相关文章:

javascript - 返回滚动火狐

javascript - 如何禁用 smartWizard 插件上的可点击 anchor ?

ios - 从 iPhone 加载联系人在 Swift 中崩溃

objective-c - 通过 CocoaPods 在 github 上使用 Restkit 的分支?

css - 我在我的 Bootstrap 页面中嵌入了 youtube 视频,但它在 safari 中不可见。我该如何改变它?

jquery - 切换页面当前部分的菜单颜色

javascript - 自动完成出现在模态弹出窗口后面

jquery - 根据选择选项的值获取选定的标签文本

javascript - 通过在日期选择器中选择日期来选择图片

ios - 从 iPad 设备打开日历的示例代码