通过 CSS 的 width 属性可以调整 HTML 选择框 () 的宽度。该属性接受像素、百分比、em 和 rem 等长度值,仅影响下拉框的可见部分。如果选项文本过长,可以指定 overflow 属性防止截断。

HTML 选择框调整宽度
HTML 中的 元素用于创建下拉选择框。要调整选择框的宽度,可以使用 CSS 的 width 属性。
语法
select {
width: <长度值>;
}示例
立即学习“前端免费学习笔记(深入)”;
长度值
width 属性接受各种长度值,包括:
- 像素 (px)
- 百分比 (%)
- em
- rem
注意:
- 如果不指定宽度,选择框将使用浏览器默认宽度。
-
width属性仅影响下拉框的可见部分,不影响选项的宽度。 - 如果选项文本过长,它将超出选择框的宽度并被截断,除非指定
overflow属性。
示例(指定 em 单位)
select {
width: 10em;
}这将使选择框的宽度为 10 个 em(相对于父元素的字体大小)。
示例(指定百分比)
select {
width: 50%;
}这将使选择框占据其父元素宽度的 50%。











