html выбор размера или высоты не работают в мобильных браузерах

Question

Простой код:

<select size=5 style='height:100px;'>
<option value='1'>one</option>
<option value='2'>two</option>
</select>

В браузерах рабочего стола отображается список высотой 100px с 2 видимыми элементами. Chrome и Safari для iPad показывают раскрывающийся список без видимых элементов. Я нашел в Google некоторые обсуждения по этому поводу, они с 2010 года и без решения - они говорят, что это не нарушает спецификации w3 c. Я могу согласиться, что это было хорошо для старых маленьких смартфонов 320x240. все еще не работает на современных 10 "2160x1620 iPad?

Answer 1

Это известная ошибка в браузерах webkit.

Самый простой способ заставить его работать так, как вам нравится в Chrome, а Safari - вручную указать стиль самого выбора.

select {
  height: 54px;
  font-size: 14px;
}

<select size="3">
  <option value="">Default</option>
  <option value="1">op1</option>
  <option value="2">op2</option>
  <option value="3">op3</option>
</select>