Firefox Quantum (57) UI Close/delete button Hide

Question

Since updating firefox we now have small (x) buttons appearing in the input as part of firefox's UI controls.

Is there any way I can hide/remove these buttons using css?

or view image here

user_1537180 · Answer

clip-path is a crude approach you can use that works:

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

Firefox Quantum (57) <input type="date"> UI Close/delete button Hide