Style override on disabled select element?

Hi all,

I’ve been encountering this weird issue where toggling the “disabled” property on select elements also applies a style that overrides my own “disabled” class style. It’s super frustrating and I haven’t found how to fix it. “Read only” doesn’t cause the same issue but it’s not a viable solution here because it hides the entire content of the element (the placeholder value and chevron icon), which I don’t want to happen.

Auto-applied “override” style:

Screenshot 2024-07-24 132909

My disabled class style:

image

I think this is related to Select Element: Disabled status does not maintain the enabled element format as it sounds like a very similar issue.

Thank you,

GD