Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Html Css change Date input highlight color

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

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

enter image description here

Thank you for your concerned! :)

EDIT

here's what i'm trying to do:

enter image description here TO enter image description here

like image 785
alexandre Avatar asked Dec 18 '22 06:12

alexandre


1 Answers

If I find a 'non-webkit' solution I will update this.

Credit to dboskovic on the Zurb GitHub repo:

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;
}
like image 122
Simon Juhl Avatar answered Dec 20 '22 21:12

Simon Juhl