iOS 6選擇菜單和iOS 7選擇菜單

新iOS 7中的選擇菜單（風車）會截斷此照片中顯示的項目。iOS 6選擇菜單和iOS 7選擇菜單

有沒有辦法阻止默認情況下出現截斷，所以選擇項目「包裝」，所以選擇體驗功能更像iOS 6？我正在尋找CSS和/或jQuery解決方案。我無法找到對此事的任何任何主題...

任何這方面的支持將是有益的 enter image description here

我還檢查了蘋果公司的網站（看看他們在做什麼不同），他們遭受與他們的選擇菜單相同的問題。 http://i.stack.imgur.com/2eBCy.jpg

來源

2013-12-18 Evan

這裏是SO，http://stackoverflow.com/questions/19090160/iphone-ios7-3d-select-drop-down-feature一個有用的問題。 –

蘋果如何認爲這是一個很好的決定？你可以安裝不同的網絡瀏覽器，看看它是否會遭受同樣的影響？也許這只是一個Safari特定的問題。 – MonkeyZeus

它在我的iphone上的chrome中顯示相同，可能僅適用於webkit瀏覽器。：[ –

好吧，事實證明，如果我插入假選項組標籤，它將禁用截斷。

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>

來源

2013-12-18 20:09:16 Evan

代碼 – JHannes

至於說這裏（ - >Line Break in HTML Select Option?）可悲的是你不能插入換行符爲<option>標籤（我沒有嘗試過自己與一些可能的解決方案，但它沒有工作）。所以我真的不明白蘋果爲什麼把它改爲只有一行文字。我會推薦使用jQuery Mobile（非常容易學習和使用），因爲它具有自己獨立且可自定義的選擇表單元素（在API文檔中查找「自定義選擇菜單」 - >http://api.jquerymobile.com/selectmenu/）。

來源

2013-12-18 15:46:07 Stoeffn

iOS 6選擇菜單和iOS 7選擇菜單

回答

相關問題