Jak dodać przewijanie w pionie w znaczniku HTML DataList

Question

Mam dane z dużą ilością opcji, lista jest zbyt długa Chcę nadać jej przewijanie w pionie.

<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> 

Tutaj problem demo
FIDDLE

Answer 1

Niestety, nie ma wiele można zrobić z atrybutem DataList. Dane nie obsługują obecnie żadnych stylów CSS, a specyficzne cechy wizualne są specyficzne dla przeglądarki. Niektóre przeglądarki mogą dodawać paski przewijania do długich list. Jeśli jest to niedopuszczalne, być może trzeba będzie zapomnieć o zestawie danych i zaimplementować listę rozwijaną oraz ustawić rozmiar listy według własnych potrzeb.