2013-12-18 7 views
1

Меню выбора (pinwheel) в новом iOS 7 обрезает элементы, как показано на этой фотографии.iOS 6 Выберите Меню и iOS 7 Выберите Меню

Есть ли способ предотвратить усечение, которое происходит по умолчанию, поэтому элементы выбора «обертывания», поэтому функция выбора больше похожа на iOS 6? Я ищу CSS и/или jquery-решения. Я не могу найти какие-либо вопросы по этому вопросу либо ...

Любая поддержка в этой области было бы полезно enter image description here

Я также проверил сайт яблока (чтобы увидеть, если они делают что-то другое), и они страдают от той же проблемы с их избранными меню. сказал здесь http://i.stack.imgur.com/2eBCy.jpg

+0

Вот полезный вопрос на SO, http://stackoverflow.com/questions/19090160/iphone-ios7-3d-select-drop-down-feature. –

+0

Как Apple подумала, что это хорошее решение? Можете ли вы установить другой веб-браузер и посмотреть, имеет ли он такой же эффект? Возможно, это просто проблема Safari. – MonkeyZeus

+0

Он отображает то же самое в chrome на моем iphone, может быть просто для веб-браузеров. : [ –

ответ

2

Ну, как оказалось, если я вставляю поддельную групповую метку группы, это отключает усечение.

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

код в JSFiddle http://jsfiddle.net/cNT8f – JHannes

0

As (->Line Break in HTML Select Option?) Вы, к сожалению, не в состоянии вставить разрыв строки в качестве <option> тега (я пробовал себя несколько возможных решений, но он не работает). Поэтому я действительно не понимаю, почему Apple изменила это только на одну строку текста. Я бы порекомендовал использовать jQuery Mobile (очень легко изучить и использовать), потому что у него есть собственный независимый и настраиваемый элемент формы выбора (ищите «Custom select menu» в документах API ->http://api.jquerymobile.com/selectmenu/).

Смежные вопросы