Cha*_*nam 12 html javascript css firefox jquery
嗨我正在使用datalist标签作为小提琴中的下拉菜单.我正在获取仅用于下拉列表的箭头.并且箭头没有进入ie和firefox.在firefox中,搜索是懒惰的搜索,即; 它不是基于第一个字母
小提琴是:: 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>Jis*_*V S 14
检查一下.我已经尝试了很多方法,但效果不佳.可能这是唯一的解决方案
input::-webkit-calendar-picker-indicator {
display: none;/* remove default arrow */
}
.myarrow:after {
content: url(https://i.stack.imgur.com/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>小智 1
有趣的。我在我的机器上测试了这个并得到了相同的结果:( 下拉箭头仅出现在 Chrome 中，尽管在 FF 中我仍然可以从列表中进行选择，但没有下拉箭头。
如果您只使用 SELECT 标签会怎么样？
<select>
<option value="Internet Explorer" >Internet Explorer</option>
<option value="Firefox" >Firefox</option>
<option value="Chrome" >Chrome</option>
<option value="Opera" >Opera</option>
<option value="Safari" >Safari</option>
</select>
我对此进行了更多挖掘，发现了这篇文章... HTML 表单：Select-Option 与 Datalist-Option
它更好地解释了 datalist 和 select 之间的区别。这也可能是为什么我建议使用 SELECT 来代替可能不合适的原因。但这也可以解释为什么没有箭头。我在其他讨论中没有看到任何关于箭头是有保证的行为的内容。数据列表仍然可以作为自动完成功能，但没有下拉箭头（尽管我刚刚在 IE11 中再次检查了这一点，它甚至似乎没有执行自动完成功能）。
也许这可以归结为不同浏览器实现此功能的程度。