html选择大小或高度在移动浏览器上不起作用

Question

一个简单的代码：

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

桌面浏览器将显示一个100px的高度列表，其中包含2个可见元素。适用于iPad的Chrome和Safari会显示一个没有可见元素的下拉列表。我在Google中发现了一些有关它的讨论，它们来自2010年并且没有解决方案-他们说这不会违反w3c规范。我可以同意，对于旧的320x240小型智能手机来说还可以。still在现代的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>