删除chrome中的箭头以输入属性“list”

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 here