Android Dropdown (Выбрать) CSS

В настоящее время я пишу несколько стилей для мобильных браузеров и столкнулся с странной проблемой в браузере Android. При изменении атрибута CSS шрифта в текстовом поле коробка становится больше, чтобы разместить более крупный текст. Выполнение этого в окне выбора, однако, не изменяет размер поля выбора, но текст по-прежнему становится больше (фактически перекрывая верхнюю и нижнюю часть отображаемого элемента формы).Android Dropdown (Выбрать) CSS

Может ли кто-нибудь сказать мне, если можно увеличить высоту блоков выбора в браузере Android. Или, если не указать мне в сторону списка атрибутов CSS, которые могут быть применены к ним.

Спасибо.

источник

2009-08-17 roguepixel

Вы уверены, что есть высота не применяется где-то еще, наследование от другого входа, или формы, элемент? –

Да, я уверен в этом, я посмотрел на элементы в инспекторе firebugs в firefox, чтобы убедиться. – roguepixel

Это, кажется, ошибка браузера. Вы также можете воспроизвести его, когда размер текста вашего браузера установлен на «огромный» (в настройках). Я добавил new issue и предложить обходной путь с фоном пользовательским образом на данный момент:

<select style="background: url('big-select-bg.png')"/>

источник

2009-08-18 12:29:26

Спасибо, Йозеф, рад, что кто-то другой может воспроизвести ошибку, а не только меня. Надеемся, что можно найти легкое решение. – roguepixel

немного больше информации об истории поведения андроидов можно найти здесь: http://stackoverflow.com/questions/14744437/html-select-box-not-showing-drop-down-arrow-on-android-version-4 -0-when-set-with – escapedcat

Установите непрозрачность выбора управления до 0

Затем поместите поверочный Contorl стилизованного выглядеть текстовое поле за элементом управления select, так что элемент управления select находится непосредственно поверх диапазона.

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

После того, как пользователь делает свой выбор, используйте javascript для обновления innerHTML диапазона со значением элемента управления select.

Убедитесь, что размеры пролета и контрольной линии выбора хорошо. (Не использовать фактический контроль texbox)

mealaroni.com

источник

2010-04-30 20:13:57 Bjhamltn

Другой вариант вы можете использовать (проверено на Galaxy S работает андроида версии 2.1-Update1):

select { 
    -webkit-appearance: listbox; 
} 
select, input { 
    width: 100%; 
    height: 40px; 
    line-height:40px; 
    border: 1px solid #999; 
    border-radius: 6px; 
    margin-bottom:10px; 
}

Таким образом, входы и выбирает все одинаковые, нажатие кнопки выбора открывает меню опций, как обычно.

источник

2010-10-21 10:08:08 Dror

свойство -webkit-appearance - это то, что исправил его для меня. Благодаря! – imorsi

Спасибо, спаслись время :) – simoncereska

спасибо - тоже работал для меня – Martin

попробовать это один:

select{ 

    -webkit-appearance: menulist-text; 
}

источник

2012-12-23 10:27:24

Это фактически устраняет множество проблем с высотой и шириной выбранных входов во всех устройствах webkit. Некоторые из них предложили «menulist-button», но этот, похоже, работает повсюду. Благодаря! – marksyzm

приветствуется !!! –

Для меня "-webkit-внешний вид: ListBox;" решил проблему не полностью.

я должен был добавить атрибут обивки дополнительно:

select { 
    -webkit-appearance: listbox; 
    width: 100%; 
    height: 35px; 
    line-height: 35px; 
    border: 1px solid #bbb; 
    border-radius: 4px; 
    padding: 0 0 1px 8px; 
}

источник

2014-02-02 15:57:25 Marcus

ответ

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