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