限制选择框列表长度 - 添加滚动条

时间:2011-04-08 09:15:56

标签: html css

当我使用一个包含大约50个项目的html选择框时,我会得到一个完整显示的很长的列表。我想改用滚动条。我该怎么做?

3 个答案:

答案 0 :(得分:8)

你需要使用CSS,特别是高度和溢出:

<强> CSS

.select{
    height:100px;
    overflow:scroll;
}

<强> HTML

<select class="select"></select>

如果您需要更具体的内容,请询问!

答案 1 :(得分:4)

无法在HTML中执行此操作。见Height of an HTML select box (dropdown)

还有其他方法可以通过javascript或jQuery实现这一点,在该页面上链接到一些jQuery插件,这些插件创建一个“假”html选择框,其外观和行为类似于一个,但可以设置高度。

答案 2 :(得分:1)

无法为单个值选择框设置可见项目数。有一个size属性,但会将下拉列表转换为多个选择列表。