删除Chrome中带有属性“列表”的输入箭头

Question

我有以下代码：

<input list="browsers">

<datalist id="browsers">
  <option value="Internet Explorer">
  <option value="Firefox">
  <option value="Google Chrome">
  <option value="Opera">
  <option value="Safari">
</datalist>

在Chrome浏览器中，我在右上角看到了黑色的小向下箭头

有什么办法可以删除或隐藏它？

JSFiddle

更新：

我知道我可以包装它，然后使用psuedo -element将其关闭，如本JSFiddle中所示

但是我需要另一种解决方案，还有其他方法吗？

Answer 1

以下将起作用：

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

jsFiddle在这里