html - 使用 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);

这是一个例子。