如何仅在 HTML 的底部输入中显示数据列表答案

【问题标题】：How to only show datalist in the bottom input in HTML如何仅在 HTML 的底部输入中显示数据列表
【发布时间】：2017-09-20 09:50:36
【问题描述】：

我在数据列表中使用了一个选择。但我有一个问题。当我的数据列表显示在输入顶部时，我无法滚动我的数据列表。但是当 datalist 在底部时不会发生。这是我的代码：

<input type="search" placeholder="{{'COMPONENT_PROPERTIES.SEARCH_ICON' | translate}}"
               ng-model="icon.name"
               list="classIcon"
               id="searchIcon"
               ng-change="changeFn(icon.name)">
        <datalist id="classIcon" class="scroll" >
            <select class="selectIcon">
                <option ng-repeat="icon in classService.classesAwesome  "
                        value="{{icon}}"
                        ng-bind-html="icon | highlight: $parent.icon.name ">
                    <i class="{{icon}}"></i> &nbsp;
                    <span ng-bind-html="icon | highlight: $parent.icon.name "></span>
                </option>
            </select>
        </datalist>

【问题讨论】：

标签： html css select datalist

【解决方案1】：

您应该将此代码添加到您的 CSS。

.dropdown1 {
width:290px;
overflow:scroll;
height: 20px;
}

【讨论】：