Как добавить вертикальную прокрутку в теге 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. В настоящее время список данных не поддерживает стили CSS, а конкретные визуальные характеристики зависят от браузера. Некоторые браузеры могут добавлять полосы прокрутки для длинных списков. Если это неприемлемо, вам, возможно, придется забыть список данных, реализовать раскрывающийся список и установить размер списка в соответствии с вашими потребностями.