如何设置select下拉菜单的高度

Posted 2023-03-16

众所周知，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)的高度。 参考技术A 默认的select下拉菜单的高度
比如：
<SELECT name=mpn style="font-size:20px; ">
<OPTION value=0 selected>0</OPTION>
<OPTION value=5>5</OPTION>
</SELECT>
可以通过调节select的字体大小，来实现 菜单的高度的变化。
字体越大，菜单默认显示的高度越大。