element 给select加上滚动条
时间: 2023-07-10 07:24:30 浏览: 51
要给一个 `select` 元素添加滚动条,可以通过设置 `size` 属性来实现。首先,在 `select` 元素中设置 `size` 属性为需要显示的选项数量,然后将其包裹在一个带有固定高度和 `overflow-y: scroll` 样式的容器中即可。例如:
HTML 代码:
```html
<div class="select-container">
<select size="5">
<option value="1">选项1</option>
<option value="2">选项2</option>
<option value="3">选项3</option>
<option value="4">选项4</option>
<option value="5">选项5</option>
<option value="6">选项6</option>
<option value="7">选项7</option>
<option value="8">选项8</option>
<option value="9">选项9</option>
<option value="10">选项10</option>
</select>
</div>
```
CSS 代码:
```css
.select-container {
height: 150px;
overflow-y: scroll;
}
```
这样就可以给 `select` 元素添加滚动条了。注意,这种方法只适用于固定高度的容器,如果容器高度是动态计算的,则需要使用 JavaScript 动态计算容器高度。