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

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

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

最佳答案

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

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