html select设置滑轮高度为100px
时间: 2023-06-15 11:04:00 浏览: 60
你可以使用 CSS 的 height 属性来设置 select 元素的高度,具体方法如下:
```html
<select style="height: 100px;">
<option>选项1</option>
<option>选项2</option>
<option>选项3</option>
<option>选项4</option>
<option>选项5</option>
<option>选项6</option>
<option>选项7</option>
<option>选项8</option>
<option>选项9</option>
<option>选项10</option>
<option>选项11</option>
<option>选项12</option>
</select>
```
这样设置会让滚动条的高度也跟着变成 100px。如果你想只设置选项列表的高度而不改变滚动条的高度,可以使用 overflow 属性来控制滚动条的显示,具体方法如下:
```html
<select style="height: 100px; overflow-y: auto;">
<option>选项1</option>
<option>选项2</option>
<option>选项3</option>
<option>选项4</option>
<option>选项5</option>
<option>选项6</option>
<option>选项7</option>
<option>选项8</option>
<option>选项9</option>
<option>选项10</option>
<option>选项11</option>
<option>选项12</option>
</select>
```
这样设置会让选项列表的高度变为 100px,而滚动条的高度仍然是默认的高度。overflow-y 属性用来控制垂直方向的滚动条的显示,auto 值表示只在需要时显示滚动条。