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

时间:2009-11-05 阅读: 佚名
众所周知,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)的高度。

[责任编辑:jumbot]

[发表评论] [收藏本页]