选择元素下拉框的大小

Question

如何在select元素上设置下拉框的大小？ 当你点击选项时，不是select元素本身，而是它的下拉框部分吗？

______________
|____________| input box
|            |
|            |
|            |
|____________| size of drop down box containing options

感谢您的帮助！

Answer 1

如果您只想更改大小以增加显示的选项数量，请使用以下HTML：<select size="3" ...。

但是如果你想改变“弹出”大小，比其他人说的那样，你不能用CSS做到这一点。

最好的解决方法是使用众多jQuery插件之一。请参阅 this answer 。

Answer 2

使用标准SELECT元素无法做到这一点。对样式SELECT和OPTION的支持非常有限。

您可以使用一些脚本来用UL替换SELECT，您可以完美地设计样式。结帐http://v2.easy-designs.net/articles/replaceSelect/或http://v2.easy-designs.net/articles/replaceSelect2/以获取示例。

Answer 3

你不能可靠。有些浏览器可能有专有的方法来做（但不要问我是什么）。唯一的选择是创建一个自定义下拉列表控件，可能使用类似于jQuery自动完成工作方式的下拉div，而不是使用标准HTML SELECT。