How to disable native date picker in Google Chrome with CSS?

Spread the love

To disable native date picker in Google Chrome with CSS, we can hide elements with selector input::-webkit-calendar-picker-indicator.

for instance, we write

input::-webkit-calendar-picker-indicator {
  display: none;
}

to hide the native date inputs with display: none;.

And we hide the prompts with

input[type="date"]::-webkit-input-placeholder {
  visibility: hidden !important;
}

Leave a Reply

Your email address will not be published. Required fields are marked *