Полоса прокрутки для Datalist в HTML5

У меня возникают проблемы с datalist в HTML5, у меня есть 10000 строк для отображения в моих значениях option , я заполняю mysql с помощью PHP, по какой-то причине я не вижу ни одной полосы прокрутки, я пробовал overflow:scroll настройку height и width но нет Помогите. Пожалуйста, помогите мне!

 <div class="container"> <form action="NutritionDataBank.php" method="post"> <label>Select NDBNum:</label> <input list="ndbnum" id="ndb" placeholder="eg1001" size="20" multiple> <datalist id="ndbnum"> <?php //... while($row = mysqli_fetch_array($result)){ echo "<option value=$row[ndbNum]></option>"; } ?> </datalist> </form> </div> 

К сожалению, вы не можете сделать с атрибутом datalist. В настоящее время datalist не поддерживает стиль CSS, а конкретные визуальные характеристики зависят от браузера. Некоторые браузеры могут добавлять полосы прокрутки для длинных списков.

Если это неприемлемо, вам, возможно, придется забыть datalist и реализовать ComboBox через Javascript. Я считаю, что JQuery имеет функцию автозаполнения, которая может быть подходящей.