Question

你可以在select html ,,,

中进行垂直滚动

但是保持size =“1”所以当你点击下拉列表时，它只显示大约5个选项，其余的在滚动时被查看。

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下拉列表没有好的样式选项。

然而，好消息是，你的问题“你能在select html中进行垂直滚动”的答案是肯定的。默认情况下，当您在列表中有足够的选项时。但用css改变这个数字似乎是不可能的。

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

但你可以在jquery / javascript中创建一个自定义下拉列表，然后根据需要设置样式。

Answer 2

无法用HTML进行操作。在SO中，他们已经讨论过这个问题。 Check It out Here.

可能有其他方法通过javascript或jQuery实现这一点，在该页面上的链接到一些jQuery插件，这些插件创建了一个＆＃34;假的＆＃34; html选择看起来和行为相似的框，但可以设置高度。

选择html中的垂直滚动

2 个答案: