Use the pseudo-class -webkit-inner-spin-button
to style it specific for webkit-based browsers:
input[type=date]::-webkit-inner-spin-button {
-webkit-appearance: none;
display: none;
}
If you want to change the style of the dropdown arrow, use the pseudo-class -webkit-calendar-picker-indicator
:
input[type=date]::-webkit-calendar-picker-indicator {
-webkit-appearance: none;
display: none;
}
To eliminate the clear button, set the input to required:
<input type="date" required="required" />