选择尺寸大小属性在Chrome / Safari浏览器不工作？(Select size attrib

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

<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浏览器已知的bug 。

最简单的方法来得到它只是工作你喜欢它在Chrome和Safari浏览器是手动指定样式的选择本身。

这里是一个工作的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> 

Answer 2:

我用的尺寸属性在HTML中的“其他”的浏览器，然后指定CSS WebKit的外观。 其他类型的菜单列表可供选择，文本框是不是唯一的一个。 您可能需要惹高度根据字体大小。 这使得它看起来对所有的浏览器相同。

CSS

select{
  -webkit-appearance: menulist-textfield;
  height: 45px;
}

Answer 3:

我可以通过添加“多个”选项，选择标签来解决这个问题。

Answer 4:

包括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 5:

尝试使用CSS属性width选择标签：

select {
  width:value px;
}

文章来源: Select size attribute size not working in Chrome/Safari?