The input type of Android phone is date to hide the drop-down arrow

Time:2020-8-30

A recent requirement is to have a date selector with a custom style. The arrow will be hidden automatically on IOS, but Android will not, as shown in the figure below

The input type of Android phone is date to hide the drop-down arrow

Then a variety of online search summed up the following ways

input[type="date"]::-webkit-inner-spin-button,
input[type="date"]::-webkit-outer-spin-button,
input[type="date"]::-webkit-calendar-picker-indicator{ visibility: hidden;-webkit-appearance: none;display: none;}

However, there is no effect of the last code

input[type="date"]{ -webkit-appearance: none;}

Children, do you have a lot of question marks, I also have…