Is there a way to change HTML Date picker's popup background color?

Question

Here, I am using

<input type="date" style="position: absolute"> tag to create a date picker. I want to change the default white color background to another color. Is there anyway to achieve this?

Does this answer your question? [Are there any style options for the HTML5 Date picker?](https://stackoverflow.com/questions/14946091/are-there-any-style-options-for-the-html5-date-picker) — Brett Donald, Mar 21 '23 at 06:47

score 3 · Accepted Answer · answered Mar 21 '23 at 06:51

3

Try this code.i have used to color-scheme css

.datepickerbg {
  color-scheme: dark;
}

<input type="date" class="datepickerbg" />

answered Mar 21 '23 at 06:51

Mitali Patel

395
2
9

Damn! This works! Thanks for your answer :) The only limitation when using color-scheme is we have limited number of predefined values. As below, color-scheme: normal; color-scheme: light; color-scheme: dark; color-scheme: light dark; color-scheme: only light; – Kusal Kithmal Mar 21 '23 at 07:08

Is there a way to change HTML Date picker's popup background color?

1 Answers1