css - 删除 Chrome 中的数据列表下拉箭头

Question

Chrome 显然在引用 <datalist> 的文本输入中添加了一个下拉箭头.它出现在 Chrome 34 (Canary) 中，但未出现在当前稳定版本 (Chrome 31) 中。

它仅在文本字段获得焦点时出现(请参阅更新)并应用于两种输入类型 text和 search .

就 native 浏览器实现而言，情况可能更糟，但正如您在图片中看到的那样，它与我的设计规范相冲突。

有谁知道如何删除或替换这个新功能？

<datalist id="list"><option value="foo"><option value="bar"></datalist>
<input type="text" list="list" name="field" maxlength="50" autocomplete="off" spellcheck="off" placeholder="Jump To">

更新:

箭头也会在字段悬停时出现(不仅仅是聚焦)，不幸的是，当按钮本身悬停时也有自己的背景颜色:

Answer 1

感谢 alexander farkas 的评论，这里是删除箭头的样式规则:

input::-webkit-calendar-picker-indicator {
  display: none;
}