bootstrap-select selectpicker 设置select框的高度
时间: 2023-08-02 11:31:32 浏览: 232
bootstrap-select-1.13.14
你可以通过设置 `.selectpicker` 类的 `max-height` 属性来设置 `bootstrap-select` 组件的高度,如下所示:
```css
.selectpicker {
max-height: 200px; /* 设置最大高度为 200px */
}
```
你也可以使用 `data-size` 属性来设置组件的高度,如下所示:
```html
<select class="selectpicker" data-size="5">
...
</select>
```
其中 `data-size` 属性的值表示可见的选项数量。如果你希望更改所有 `bootstrap-select` 组件的默认高度,你可以将 `max-height` 属性添加到 `.dropdown-menu` 类中,如下所示:
```css
.dropdown-menu {
max-height: 200px; /* 设置最大高度为 200px */
}
```
注意,如果你使用了 `max-height` 属性,则需要将 `overflow-y` 属性设置为 `auto`,以便在超出高度时出现滚动条,如下所示:
```css
.dropdown-menu {
max-height: 200px; /* 设置最大高度为 200px */
overflow-y: auto; /* 设置出现滚动条 */
}
```
阅读全文