Overflow-y在选择框上不起作用。我建议在选择框上使用size。在我的例子中，我使用了5作为值，显然你可以根据自己的喜好改变它。
第一个

**编辑：**修改了我的答案，包括一些js，以提供OP所需的结果。

请尝试以下操作（将数字3替换为您要显示的项目数）：

<select onfocus='this.size=3;' onblur='this.size=1;' onchange='this.size=1; this.blur();'>
        <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>
        <option>13</option>
        <option>14</option>
        <option>15</option>
        <option>16</option>
        <option>17</option>
        <option>18</option>
        <option>19</option>
        <option>20</option>
    </select>

只需在选择中添加size属性。例如：- size=“5”
第一个

你可以只给予大小，它会以某种方式工作。

<select size="5">
 // all your option comes here
</select>