Firefox Quantum (57) <input type = "date"> Пользовательский интерфейс Кнопка закрытия / удаления Скрыть

Question

После обновления Firefox у нас теперь есть маленькие (x) кнопки, появляющиеся на входе как часть элементов управления пользовательского интерфейса Firefox.

Есть ли способ, как я могу скрыть / удалить эти кнопки с помощью CSS?

Вы можете увидеть это на веб-странице даты ввода Firefox в Mozilla здесь: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/date

или посмотреть изображение здесь

Answer 1

clip-path - это грубый подход, который вы можете использовать, который работает:

input[type=date] {
  border: 0;
  clip-path: inset(0 17px 0 0);
  width: 120px
}

https://jsfiddle.net/21zwe8yu/