Как стандартизировать высоту окна выбора между Chrome и Firefox?

Ответ 1

Я столкнулся с этой проблемой раньше

Настройка высоты элемента select отлично работает на webkit в Windows, но сбой на webkit на Mac.

Если вы установите атрибут css

-webkit-appearance: menulist-button;

Это позволит высоте работать на Mac, но создает эту странную черную рамку для окон. Вы можете отрегулировать границу, установив свойство css border, но это изменит внешний вид во всех браузерах, которые позволяют вам выбирать границы, а не только webkit.

В этот момент я сдался, но, надеюсь, это хорошая отправная точка, если вы хотите продолжить исследование.

Ответ 2

Увеличьте line-height.    

Ответ 3

не будет работать в Safari, если у вас также нет фона. Если вы установите фон, вы можете потерять стрелки вниз в версии Safari для окон. Снова формирование стиля, похоже, связано с проблемами.

Ответ 4

использовать свойство css border. сделайте границу выбора равным none или 0. border: none; отлично показывая хром и сафари в mac os

Ответ 5

@Chi ответ правильный. Еще один быстрый взлом - добавить CSS-стиль рамки:

выберите { border: 1px solid #CCC }

Это приводит к появлению свойства -webkit-out: menulist-button с дополнительным преимуществом удаления уродливой черной границы:).

Ответ 6

Я использовал jQuery combobox для этого.

С помощью этого вы можете установить высоту необходимых классов CSS на высоту, в которой вам нужно поле выбора.

Ответ 7

Вы можете увеличить размер шрифта, чтобы помочь с ростом. Я думаю, что Mac Safari показывает размер шрифта 16px. По крайней мере, получает большую область щелчка.

Ответ 8

Используйте line-height для работы Safari.

Ответ 9

Пример страницы работает Google Chrome 4 и Safari 4

Ответ 10

Просто установите свойство height. line-height работал в Safari в Windows, но не на Mac. высота работала на обоих.