选择尺寸属性尺寸无法在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

这是webkit浏览器中的已知错误.

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

这是一个有效的jsFiddle.

HTML:

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

CSS:

<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>

Answer 2

包含height: auto它应该可以工作。

<select size="2" style="height: auto">
    <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>

Answer 3

width尝试使用select 标签的css 属性：

select {
  width:value px;
}