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

Html 删除chrome中带有属性“的输入箭头”;列表“;,html,css,google-chrome,webkit,Html,Css,Google Chrome,Webkit,我有以下代码: <input list="browsers"> <datalist id="browsers"> <option value="Internet Explorer"> <option value="Firefox"> <option value="Google Chrome"> <option value="Opera"> <option value="Safari"> &l

我有以下代码:

<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中,我在右角看到了黑色的向下箭头

有什么方法可以移除或隐藏它吗

更新:

我知道我可以包装它,然后用psuedo元素关闭它,如图所示


但我需要另一个解决方案,还有其他方法吗?

以下方法可以:

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

什么版本的Chrome?我不会在Chrome34上看到它。()我的也是34,但在焦点或悬停中我得到了它,很抱歉,链接错误,这是正确的一个@sarhov,我可以问一下你为什么不想要那支箭吗?@sarhov,找到了!。为什么地球会让事情变得如此复杂。