Datalist箭头没有进入ie和firefox
嗨，我正在使用数据列表标记作为小提琴中的下拉列表。 我只获得了镀铬下拉箭头。 并且箭头没有进入ie和firefox。 在firefox中，搜索是懒惰的搜索，即; 它不是基于第一个字母
小提琴是:: https://jsfiddle.net/v7fg0zc8/请求指定样式，如果有任何实现这一点
检查一下。 我尝试了很多方法，但效果不佳。 可能这是唯一的解决方案
input::-webkit-calendar-picker-indicator { display: none;/* remove default arrow */ } .myarrow:after { content: url(http://sofzh.miximages.com/javascript/i9WFO.png); margin-left: -20px; padding: .1em; pointer-events:none; }
有趣。 我在我的机器上测试了这个并得到了相同的结果:(下拉箭头只出现在Chrome中，虽然在FF中我仍然可以从列表中选择但没有下拉箭头。
如果你只使用SELECT标签怎么办？
我做了一些更深入的研究并找到了这篇文章…… HTML表单：Select-Option vs Datalist-Option
它更好地解释了datalist和select之间的区别。 这也可能是我使用SELECT的建议可能不合适的原因。 但它也可以解释缺乏箭头。 在其他讨论中，我没有看到任何关于箭头是保证行为的讨论。 数据列表仍然可以作为自动完成function，但没有下拉箭头（虽然我只是在IE11中再次检查它，它似乎甚至没有自动完成）。
也许这可以归结为不同浏览器实现此function的程度。
元素不是 替换。
一般的想法是让您能够为其他控件设置预定义值列表[1] ，但是没有关于如何绘制该列表以及是否显示箭头的规范。
您在chrome中看到的箭头与浏览器无关，只有chrome具有。
就像一个旁注 – 对于datetime-local – 仅在chrome中你会看到placeholer：
mm/dd/yy --:--:--
好吧，我做了一些搜索，我立即在w3schools找到了这个。 http://www.w3schools.com/tags/tag_datalist.asp此页面明确指出它旨在实现自动完成。 自动完成是IDE中常见的一项function，目的是在您键入时提供可能的值。 换句话说，Firefox和IE以正确的方式实现它。 一旦您决定在文本框中键入内容，它就会为您提供可能的选项，在您键入时，它会过滤可能的选项。 在这种情况下，Chrome通过将其设置为下拉框来实现它相当奇怪。 在您使用文本输入的情况下，自动完成不应该以这种方式工作。 您可以将它用于下拉框，但是当您在数据列表中使用select标记时，如此处所示https://www.w3.org/TR/html5/forms.html#the-datalist-element