当前位置：首页 - 正文

css中select 下拉选框怎么设置高度

发布网友发布时间：2022-05-05 21:14

共7个回答

热心网友时间：2022-04-21 04:28

只有多行select框才可修改height值，单行select是不能改变高度的。
比如下面的就可以：
<select style="width:300px; height:200px" multiple>

热心网友时间：2022-04-21 05:46

css设置下拉列表select样式，首先我们需要获取到这个元素的id或者是class，然后在通过给这个元素设置它的width和height等等一些样式，具体的看代码:
<html>
<head>
<style>
.div1{
width:600px;
height:200px;
font-size:13px;
}
.div select{
width:200px;
}

.div select option{
width:150px;
height:30px;
}
</head>
<body>
<div class='div1'>
<select>
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="opel">Opel</option>
<option value="audi">Audi</option>
</select>
</div>
</body>
</html>

热心网友时间：2022-04-21 07:21

直接用width、 height是不行的，需要这样style="width:1px; height:2px"
这样就可以设置下来菜单的宽和高了

热心网友时间：2022-04-21 09:12

select 标签没有这些属性。
如果需要修改只能通过js修改

热心网友时间：2022-04-21 11:20

select 标签没有这些属性。

热心网友时间：2022-04-21 13:45

直接用width、 height是不行的，需要这样style="width:1px; height:2px"

热心网友时间：2022-04-21 16:26

确实，select在设计之初，就是不需要设置高度的，有两种方法：
1.为select设置padding
2.自己用div和js模拟一个select控件

参考资料：http://www.scriptlover.com

声明：本网页内容为用户发布，旨在传播知识，不代表本网认同其观点，若有侵权等问题请及时与本网联系，我们将在第一时间删除处理。
E-MAIL:11247931@qq.com