如何在webkit浏览器中将select-element上的size-Attribute设置为2或3?

时间:2012-06-07 19:18:01

标签: html webkit

这不起作用:

<select size="2">
    <option>Mars</option>
    <option>Earth</option>
    <option>Jupiter</option>
</select>

http://jsfiddle.net/uteb6/

无法将select的size-attribute设置为2或3.任何其他值都可以正常工作。有解决方案吗?为什么这不可能呢?

Jquerys $('select').attr('size', '2');也无效。

使用Safari 5.1.7进行测试

2 个答案:

答案 0 :(得分:0)

风格怎么样?

<select size="2" style="height:40px">

答案 1 :(得分:0)

似乎这种行为不一定是规范的一部分,至少在sitepoint中是这样的:

  

如果大小设置为“1”或完全省略,则select将呈现为下拉列表。如果该值大于“1”,则选择将呈现为选项列表。如果size属性的值低于选择列表中包含的选项元素的数量,则浏览器将显示滚动条控件以指示有更多选项可供查看或在下面执行

http://reference.sitepoint.com/html/select/size

您可以根据需要使用height css进行调整。

http://jsfiddle.net/uteb6/10/