如何在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 样式，并且特定的视觉特征是特定于浏览器的。某些浏览器可能会选择为长列表添加滚动条。如果这是不可接受的，您可能必须忘记数据列表并实现下拉列表并根据您的需要设置列表大小。