How to remove arrows from input date?

Question:

On hover, up and down arrows, an arrow to open the calendar, and an X (clear) button appear. How to remove all these default arrows?

Answer:

https://www.tjvantoll.com/2013/04/15/list-of-pseudo-elements-to-style-form-controls/#input_date

all the pseudo-classes that can be removed, with the help you can remove anything

::-webkit-datetime-edit
::-webkit-datetime-edit-fields-wrapper
::-webkit-datetime-edit-text
::-webkit-datetime-edit-month-field
::-webkit-datetime-edit-day-field
::-webkit-datetime-edit-year-field
::-webkit-inner-spin-button
::-webkit-calendar-picker-indicator
Scroll to Top