您好,我在 fiddle 中使用数据列表标签作为下拉菜单。我只在 chrome 中得到下拉箭头。并且箭头没有进入 ie 和 firefox。 在 Firefox 中,搜索是惰性搜索,即;它不是基于第一个字母
fiddle 是::https://jsfiddle.net/v7fg0zc8/ 请指定样式(如果有的话)以实现此目的
<!DOCTYPE html>
<html>
<body>
<input list="browsers" name="browser">
<datalist id="browsers">
<option value="Internet Explorer"></option>
<option value="Firefox"></option>
<option value="Chrome"></option>
<option value="Opera"></option>
<option value="Safari"></option>
</datalist>
</body>
</html>
最佳答案
检查这个。我尝试了很多方法,但效果不佳。可能这是唯一的解决方案
input::-webkit-calendar-picker-indicator {
display: none;/* remove default arrow */
}
.myarrow:after {
content: url(/image/i9WFO.png);
margin-left: -20px;
padding: .1em;
pointer-events:none;
}
<span class="myarrow"><input list="browsers" name="browser" id="#show-suggestions"></span>
<datalist id="browsers">
<option value="Internet Explorer"></option>
<option value="Firefox"></option>
<option value="Chrome"></option>
<option value="Opera"></option>
<option value="Safari"></option>
</datalist>
关于javascript - Datalist 箭头不在 ie 和 firefox 中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31041925/