css - 在下拉菜单选项上添加滚动条

Question

我正在尝试向下拉菜单选项添加滚动条，这样当用户单击菜单时，它不会一直显示所有选项，直到结束。我试过了

<select name='menu'>
  <option value='1'>first item</option>
  <option value='2'>second item</option>
  <option value='3'>third item</option>
  <option value='4'>fourth item</option>
  <option value='5'>fifth item</option>
  <option>........
  <option>........
  //I have many options.....
</select>

我尝试了这个 css，但它只适用于菜单本身，而不适用于选项。

select {
height:50px;
overflow-y: scroll;
}

有什么想法吗？非常感谢。

Answer 1

为您的选择提供一个 css，如 class="myDropDown" 并添加以下 css

.myDropDown
{
   height: 50px;
   overflow: auto;
}

供引用:fiddle