我有这个代码:

<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

更新:

我知道我可以将它包装起来,然后用这个JSFiddle中显示的psuedo -element关闭它

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

===============>>#1 票数:5 已采纳

以下将有效:

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

jsFiddle在这里

  ask by Hovhannes Sargsyan translate from so

未解决问题?本站智能推荐: