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

Question

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

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

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

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

 <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">

更新：

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

原文由 cantera 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

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

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

原文由 cantera 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 2

正如其他人提到的 ::-webkit-calendar-picker-indicator { display: none } 在删除箭头时它也会影响 <input type="date"> 上的 html5 日期选择器，

要删除 只是 删除数据列表输入将是：

[list]::-webkit-calendar-picker-indicator { display: none; }

原文由 jnowland 发布，翻译遵循 CC BY-SA 4.0 许可协议