Как добавить вертикальную прокрутку в тег HTML DataList

У меня есть список данных с большим количеством опций. Список слишком длинный, я хочу дать ему вертикальную прокрутку.

<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


html datalist html-datalist datalistitem dynamic-data-list
person ozil    schedule 28.01.2015    source источник

Ответы (1)


arrow_upward
2
arrow_downward

К сожалению, с атрибутом списка данных мало что можно сделать. Список данных в настоящее время не поддерживает никакие стили CSS, а определенные визуальные характеристики зависят от браузера. Некоторые браузеры могут добавить полосы прокрутки для длинных списков. Если это неприемлемо, вам, возможно, придется забыть о списке данных и реализовать раскрывающийся список и установить размер списка в соответствии с вашими потребностями.

person rajesh    schedule 28.01.2015
comment
можешь привести пример - person ozil; 28.01.2015
comment
@ozil проверьте ссылку на скрипку в браузере Firefox, прокрутка доступна - person rajesh; 28.01.2015