时间戳

首页 > 解决方案 > 更改引导下拉菜单的大小

html - 更改引导下拉菜单的大小

问题描述

我有一个简单的 html 选择框，里面有很多选项（大约 100 个）。因为选择框有这么多选项，它使用完整的桌面高度来显示选项，但我想添加一个滚动条，同时只显示 5 个选项。

size 属性对我不起作用。

这是我的代码：

 <!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">

<!-- jQuery library -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<!-- Latest compiled JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> 

<Select id="selectUser" onchange="" class="btn btn-default dropdown-toggle" style="margin-top: -3px; background-color: white; height: 30px;" >
<option>1</option>
<option>1</option>
<option>1</option>
<option>1</option>
<option>1</option>
<option>1</option>
<option>1</option>
<option>1</option>
<option>1</option>
<option>1</option>
<option>1</option>
<option>1</option>
<option>1</option>
<option>1</option>
<option>1</option>
<option>1</option>
<option>1</option>
<option>1</option>
<option>1</option>
<option>1</option>
<option>1</option>
<option>1</option>
<option>1</option>
<option>1</option>
</select>

标签： htmlcsstwitter-bootstrap-3

解决方案

你可以试试这个...

#selectUser { height: 100px; overflow: scroll; }

推荐阅读