选择元素下拉菜单的最大高度（选项元素）

如何限制select元素的下拉高度 - 以便如果选项总数大于此高度 - 我应该在下拉列表中选择一个滚动条。如果我可以按照像素或项目数量来做到这一点，我会很满意。选择元素下拉菜单的最大高度（选项元素）

所以说，我有以下的HTML标记：

<select> 
    <option selected>Select</option> 
    <option>This is an option</option> 
    <option>This is another Option</option> 
    <option>This is another Option</option> 
    <option>This is another Option</option> 
    <option>This is another Option</option> 
    <option>This is another Option</option> 
    <option>This is another Option</option> 
    <option>This is another Option</option> 
    <option>This is another Option</option> 
    <option>This is another Option</option> 
</select>

我怎么会只显示说滚动中的第一个4个选项，剩下的。

This是我到目前为止，它不工作。

来源

2012-11-13 Danield

在StackOverflow上搜索，我碰到了this。可悲的是，如果你想让它保持一个下拉框，你不能在CSS中实现你想要的。正如链接中所说，JavaScript或jQuery可以做到这一点，或者您可以在select标记上使用size属性，但这会打破下拉框的外观。

来源

2012-11-13 14:32:54

OK，好像这就是答案即可。 – Danield

-1

我发现在CSS + HTML的答案，你可以这样说：

<select> 
    <optgroup style="max-height: 65px;" label=""> 
    <option selected>Select</option> 
    <option>This is an option</option> 
    <option>This is another Option</option> 
    <option>This is another Option</option> 
    <option>This is another Option</option> 
    <option>This is another Option</option> 
    <option>This is another Option</option> 
    <option>This is another Option</option> 
    <option>This is another Option</option> 
    <option>This is another Option</option> 
    <option>This is another Option</option> 
    </optgroup> 
</select>

来源

2013-04-25 12:01:00

刚试过这个，但它似乎并没有工作。检查[this]（http://jsfiddle.net/danield770/7VCng/）。 – Danield

即时通讯使用Firefox和这里它的工作，改变最大高度为65px，只得到前4个选项 –

嗯似乎只是在Firefox中工作...问题是CSS属性最大高度不工作正常在所有浏览器 –

选择元素下拉菜单的最大高度（选项元素）

回答

相关问题