htmlcssdateinput

Change Date input highlight color in HTML/CSS

I have an input of type date in my page and I want to change the color of the highlight inside of it. I don't know if there are CSS selectors for that.

Here's an image of what I'm talking about:

Enter image description here

Here's what I'm trying to do:

Enter image description here

TO

Enter image description here

How can it be done? Is there a way?

Solution

  • Credit to dboskovic on the Zurb GitHub repository:

    input::-webkit-datetime-edit-day-field:focus,
input::-webkit-datetime-edit-month-field:focus,
input::-webkit-datetime-edit-year-field:focus {
    background-color: red;
    color: white;
    outline: none;
}