我在数据列表中使用了一个选择。但我有一个问题。当我的数据列表显示在输入的顶部时,我无法在我的数据列表中滚动。但是当数据列表在底部时不会发生。 这是我的代码:
<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>
<span ng-bind-html="icon | highlight: $parent.icon.name "></span>
</option>
</select>
</datalist>
最佳答案
您应该将此代码添加到您的 CSS。
.dropdown1 {
width:290px;
overflow:scroll;
height: 20px;
}
关于html - 如何仅在 HTML 的底部输入中显示数据列表,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46318766/