Как убрать стрелку у datalist, которая появляется во время наведения на input?

Question

[HelWorld]

Дело в том, что я в input вывел элементы списка для автозаполнения, пример:

<input type="text" list="test" />
<datalist id="test">
  <option>1</option>
  <option>1</option>
  <option>1</option>
</datalist>

И по идеи должна по умолчанию всегда выводиться стрелка вниз, но прикол в том, что в обычном состоянии её нет. А вот в hover она появляется. Проблему решить при помощи...

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

...не получается. Подскажите, как эту стрелку убрать без всяких костылей при помощи css.

Comments

[ProjectSoft]

HelWorld

input[list="test"]::-webkit-calendar-picker-indicator {
	display: none !important;
}

[HelWorld]

ProjectSoft, спасибо, помогло. Как я сразу не догадался до !important.

Answer 1

[HelWorld]

input[list="test"]::-webkit-calendar-picker-indicator {
  display: none !important;
}