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

Time:2021-5-29

Recently, there is a requirement to have a date selector, and then the style is custom. The arrow will be hidden automatically on IOS, but Android won’t, as shown in the figure below

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

And then a variety of online search is summarized as follows

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 sentence of the code solution

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

Children, do you have many question marks, I also have…