HTML在下拉列表中显示5个项目

Question

我正在尝试在下拉列表中显示5个项目，并在该记录后添加滚动条。我尝试添加高度等选择，但无法成功。即使是尺寸属性也不是我想要的。我们是否有任何属性来设置下拉列表的高度，并在显示一定数量的记录后添加滚动？

dropdown list

<select>
    <option>1</option>
    <option>2</option>
    <option>3</option>
    <option>4</option>
    <option>5</option>
    <option>6</option>
     <option>1</option>
    <option>2</option>
    <option>3</option>
    <option>4</option>
    <option>5</option>
    <option>6</option>
    <option>1</option>
    <option>2</option>
    <option>3</option>
    <option>4</option>
    <option>5</option>
    <option>6</option>
</select>

Answer 1

非常确定无法更改的操作系统/浏览器行为。

以下是一些类似的问题和相同的回答......我也不知道最近有任何HTML / CSS技巧。

• HTML Select + limit number of options visible
• How do I set the max number of items visible in a SELECT drop down?
• How can I limit the visible options in an HTML dropdown?

Answer 2

<select onmousedown="if(this.options.length>8){this.size=5;}"  onchange='this.size=0;' onblur="this.size=0;">
    <option>1</option>
    <option>2</option>
    <option>3</option>
    <option>4</option>
    <option>5</option>
    <option>6</option>
     <option>1</option>
    <option>2</option>
    <option>3</option>
    <option>4</option>
    <option>5</option>
    <option>6</option>
    <option>1</option>
    <option>2</option>
    <option>3</option>
    <option>4</option>
    <option>5</option>
    <option>6</option>
</select>

Test Here