首页<select选择框大小宽

<select选择框大小宽

时间: 2024-02-20 17:00:19 浏览: 14

你可以使用 HTML 的 `size` 属性来设置 select 元素的高度，而使用 CSS 来设置宽度。例如，你可以使用下面的代码将 select 元素的宽度设置为 200 像素，高度设置为 5 行： ```html <select size="5" style="width: 200px;"> <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> </select> ``` 注意，`size` 属性设置的是 select 元素可见的行数，而不是像素数或者实际内容的行数。另外，你可以将 CSS 样式放在一个单独的样式表中，而不是内联样式。例如： ```html <head> <link rel="stylesheet" href="styles.css"> </head> <body> <select size="5" class="my-select"> <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> </select> </body> ``` styles.css: ```css .my-select { width: 200px; } ```