HTML5中数据列表的滚动条

Question

我有麻烦datalist在HTML5中，我有10000行，以显示我在option使用PHP的值，我填充从MySQL，由于某种原因，我看不到任何滚动条，我试图overflow:scroll设置height和width，但没有帮助。请帮我！

<div class="container">
    <form action="NutritionDataBank.php" method="post">
        <label>Select NDBNum:</label>
        <input list="ndbnum" id="ndb" placeholder="e.g.1001" size="20" multiple>

        <datalist id="ndbnum">
            <?php
                //...                               
                while($row = mysqli_fetch_array($result)){
                   echo "<option value=$row[ndbNum]></option>"; 
                }
            ?>
        </datalist>
    </form>
</div>

Answer 1

不幸的是，使用datalist属性并不能做很多事情。数据列表当前不支持任何CSS样式，并且特定的视觉特征是特定于浏览器的。某些浏览器可能选择为长列表添加滚动条。

如果这是不可接受的，则可能必须忘记数据列表，并通过Javascript实现ComboBox。我相信JQuery具有可能合适的自动完成功能。