html - 选择html中的垂直滚动

Question

你能不能在select html中有垂直滚动，，，

但保持 size="1"因此，当您单击下拉列表时，它只显示大约 5 个选项，其余的在您滚动时查看。

我有一个 fiddel here

form name="#">

 <div class="select-style2"> 

     <select  size="1" autocomplete="off">

<option hidden value="#">title</option>
<option value="#">2</option>
<option value="#">3 </option>
<option value="#">4 </option>
<option value="#">5 </option>
<option value="#">6 </option>
<option value="#">7 </option>
<option value="#">8 </option>
<option value="#">9 </option>
<option value="#">10 </option>




</select>
</div>
<input type="button" name="test" value="Go"
onClick="go()" id="btn">

Answer 1

正如之前的回答所指出的，select 下拉菜单没有好的样式选项。

不过，好消息是，您的问题“您可以在选择的 html 中使用垂直滚动”的答案是肯定的。当您在列表中有足够的选项时，默认情况下它就在那里。但是用 css 改变这个数字似乎是不可能的。

在此处查看演示:http://jsfiddle.net/VxNV9/1/

但是您可以在 jquery/javascript 中创建一个自定义下拉菜单并根据需要设置样式。