Question

html怎么控制下拉列表的长度

用<selset>..</select>做的一个日期列表框，在做天数的时候要写30个日期，运行一点击，下拉列表就会把1~30的天数全部列出来，好长好长哦，太难看了，有什么办法可以控制这个长度，比如我按下的时候只弹出4行就行了，看不到的就用滚动条查看。

Answer 1

设置一下select的size属性，如下：

<select size="4">
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="mercedes">Mercedes</option>
  <option value="audi">Audi</option>
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="mercedes">Mercedes</option>
  <option value="audi">Audi</option>
</select>

效果：

Answer 2

好像没有成熟的css，建议用js控制，或者其他方式模拟select

Answer 3

给<div>加个id 然后这么试试

ul#countrymenu {
height: 200px;
overflow: auto;

Answer 4

<select style="overflow:scroll">....</select>