time-edit-text | Custom Android EditText-like time picker | Android library

From your question, I understand that you want to change the color of the date once it is selected. I am suggesting to use JQuery, however I do understand you only tagged CSS.

You can easily achieve what you wanted by using JQuery method change(). I've also added an ID for your date field so that we can use getElementById to change the CSS when the date is set.

Also, when you click the cancel button, the date color can be changed to another color or go back to its original. In this example, I set it to red.

The idea is that when the date field is NOT empty, it will show green color. And when the date is empty, it will show another color (in this example is red, you can choose to set it back to original color. I did this so that you can see the green when not empty and red when empty).

So when the field is not empty, it means the length is > 0. Using that idea, we can set that when the date field is not empty, we change it to green and when its empty, we change it to red.

Try this:

how to get rid of all browser functionality associated with

Any form element can take a readonly attribute.

Example: