使用css限制下拉列表中显示的选项

Question

是否有任何css属性可以限制下拉列表中显示的选项。

我知道在select中设置 size ='value'会将drpdown中显示的选项限制为该值。这是否可以使用css实现。

<select size="5">
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
<option>6</option>
<option>7</option>
<option>8</option>
<option>9</option>
<option>10</option>
<option>11</option>
<option>12</option>
</select>

使用此选项，可见选项的数量将限制为5.可以在css中完成此操作。 实际上我的应用程序中有很多下拉菜单，并且每个都添加大小非常耗时，我可能需要更改之后显示的项目的数量。

Answer 1

为要更改的选择添加一个类：

<select class="limit">
...
</select>

然后使用一些jQuery：

$('.limit').attr('size', 5);

这是一个example。