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

Answer 1

以下将有效：

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

jsFiddle在这里

Answer 2

我今天为此苦苦挣扎。 在 Chrome 97 中，我需要添加一个重要的标签才能使其工作

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

http://jsfiddle.net/pg0et59w/3/