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

Question

这不起作用：

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

Answer 1

风格怎么样？

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

Answer 2

似乎这种行为不一定是规范的一部分，至少在站点点：

如果大小设置为“1”或完全省略，则选择将呈现为下拉列表。如果该值大于“1”，则选择呈现为选项列表。如果 size 属性的值小于选择列表中包含的选项元素个数，浏览器会显示一个滚动条控件，表示下面还有更多选项可以查看或操作

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

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

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