HTML5中Datalist的滚动条

Question

我有麻烦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="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属性做什么.datalist目前不支持任何CSS样式,并且特定的视觉特性是特定于浏览器的.某些浏览器可能会选择为长列表添加滚动条.

如果这是不可接受的,您可能必须忘记datalist并通过Javascript实现ComboBox.我相信JQuery有一个可能适合的自动完成功能.