Styling the HTML5 date

I am having a hard time to style the HTML5 date picker, i just want to change the color of the current/selected day i need to remove the blue color! does any one know how to do so. here is a codepen

In this example you can style the color of the text of the input, but i have no idea ho to target the style of the current/selected day

  &::-webkit-datetime-edit-month-field {
    color: red;
  &::-webkit-datetime-edit-day-field {
    color: white;
  &::-webkit-datetime-edit-year-field {
    color: blue;

1 thought on “Styling the HTML5 date”

Leave a Comment