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

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

If the size is set to "1", or omitted entirely, the select will render as a pull-down list. If the value is greater than "1", the select renders as list of options. If the value of the size attribute is lower than the number of option elements contained in the select list, the browser will display a scroll bar control to indicate that there are more options to view or action below

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

您可以根据需要使用 height css 来调整它。

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