如何为选择框的下拉菜单设置高度

Question

当选项数量超过20时，我的选择框将显示滚动条。当选项数量超过10时，我只想显示滚动条

 <select>
    <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>
  </select>

Answer 1

尝试将其添加到<select>元素中：

onfocus='this.size=10;' 
onblur='this.size=1;' 
onchange='this.size=1; this.blur();

喜欢：

   <select onfocus='this.size=10;' onblur='this.size=1;' 
        onchange='this.size=1; this.blur();'>