如何控制select下拉选项的高度

答案:2 悬赏:0 手机版

解决时间 2021-02-08 03:30

提问者网友：嘚啵嘚啵
2021-02-07 03:48

如何控制select下拉选项的高度

最佳答案

五星知识达人网友：孤独的牧羊人
2021-02-07 05:28

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>

全部回答

1楼网友：从此江山别
2021-02-07 05:57

众所周知，select要设置宽度很简单，但是真要设置它的高度貌似还没啥好办法。 select有一个size属性，就是显示option的项数目，那么我们可以通过这个属性去想想办法，请看下面这段： <select id=tt name=tt onmouseover="this.size='4';" onmouseout="this.size='1';"> <option>北京</option> <option>上海</option> <option>天津</option> <option>重庆</option> & 众所周知，select要设置宽度很简单，但是真要设置它的高度貌似还没啥好办法。 select有一个size属性，就是显示option的项数目，那么我们可以通过这个属性去想想办法，请看下面这段： <select id=tt name=tt onmouseover="this.size='4';" onmouseout="this.size='1';"> <option>北京</option> <option>上海</option> <option>天津</option> <option>重庆</option> <option>河北</option> <option>山西</option> <option>内蒙古</option> </select> 好像还不错是吧？哈哈，但一定要记得如果弄不好会出现页面被挤来挤去的现象，所以一定要记得设置好父元素(div、li、td)的高度。

我要举报

如以上问答信息为低俗、色情、不良、暴力、侵权、涉及违法等信息，可以点下面链接进行举报！