如何在HTML DataList标记中添加垂直滚动

Question

我有一个有很多选项的数据列表，列表太长了我想给它垂直滚动。

<input list="browsers" name="browser">
  <datalist id="browsers">
    <option value="Internet Explorer">
    <option value="Firefox">
    <option value="Chrome">
    <option value="Opera">
    <option value="Safari">
<option value="Internet Explorer">
    <option value="Firefox">
    <option value="Chrome">
    <option value="Opera">
    <option value="Safari">
<option value="Internet Explorer">
    <option value="Firefox">
    <option value="Chrome">
    <option value="Opera">
    <option value="Safari">
  </datalist>

这里是演示问题
FIDDLE

Answer 1

不幸的是，你无法使用datalist属性做多少。 datalist目前不支持任何CSS样式，并且特定的视觉特性是特定于浏览器的。某些浏览器可能会选择为长列表添加滚动条。 如果这是不可接受的，您可能不得不忘记数据列表并实施下拉列表并根据您的需要设置列表大小。