how to change color of input type date with min and max (locked month or year) on chrome

Viewed 156

i have the following

<input type="date" max="2014-10-20" min="2014-10-10">

in chrome, the year and month are locked so you can't change them by choosing them and going up and down by the arrow keys.

also, they have a gray color how can I change the color of them?

and doing this

<input type="date" style="color:red;" max="2014-10-20" min="2014-10-10">

only changes the color of the day and slash between the day, month, and year

1 Answers

Can be done like:

input[type="date"] {
  -webkit-text-fill-color: red;
}
Related