html - 选择大小属性大小在 Chrome/Safari 中不起作用？

Question

如何解决选择属性大小的问题，如代码:

<select size="2">
    <option value="0" selected="selected">Default</option>
    <option value="1">select 1</option>
    <option value="2">select 2</option>
    <option value="3">select 3</option>
</select>

如何让它在 Chrome 和 Safari 中运行？

Answer 1

这是一个 known bug in webkit browsers 。

让它在 Chrome 和 Safari 中按照您喜欢的方式工作的最简单方法是手动指定选择本身的样式。

这是一个working jsFiddle .

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

<select size="2">
  <option value="0" selected="selected">Default</option>
  <option value="1">select 1</option>
  <option value="2">select 2</option>
  <option value="3">select 3</option>
</select>