Date year/month dropdown colours on macOS

[David Cranley]

Hi Ernest,

We use the date drop-down filter and see that the styling looks very different across browsers and operating systems. We’re aware that these types of styles are often controlled by the OS/browser combo and that in some situations nothing can really be done about it, but we wanted to be sure to cover all our bases.

This is for the month/year drop-downs. It seems that on Windows in several browsers tested the background colour is white, but on Mac they are rather dark especially in Chrome – see screenshot. This is with the OS theme set to light. Is there, to your knowledge, anything that can be done about this?

Thanks for the great support so far.

[Ernest Marcinko]

Hi,

I don’t think those can be changed if the OS overrides it. That looks like the system prompt, which is inherent from the OS, but you should try this custom CSS:

select.ui-datepicker-month option {
  background: rgb(255 255 255);
  color: #1f1f1f;
}

If it doesn’t change anything, then it’s most likely OS controlled.

[Author]

Posts