Firefox fail to style option in dropdown (select)

SwissLinux · 07-05-2021, 04:52 AM

Example html:
<select><option style="background-color:#faa;">test</option></select>

Firefox on linux fail to display style
Chrome works
Firefox on Windows works.

SEE
https://bugzilla.mozilla.org/show_bug.cgi?id=1338283

ondoho · 07-07-2021, 03:23 AM

Quote:

Originally Posted by SwissLinux

Example html:
<select><option style="background-color:#faa;">test</option></select>

Firefox on linux fail to display style
Chrome works
Firefox on Windows works.

SEE
https://bugzilla.mozilla.org/show_bug.cgi?id=1338283

Can reproduce. I seem to remember there was an option to switch off desktop theme styling for any UI element on web pages something like:

Code:

-moz-appearance:none;

but it clearly doesn't seem to work on the <option> element.

Not sure how that bug report relates, or how it contributes to solving this problem?

Just to clarify:
You are asking about how FF renders web pages, not about FF's own UI.

Also see: https://developer.mozilla.org/en-US/...CSS/appearance

FF version: 78.11.0esr

SwissLinux · 07-07-2021, 07:12 AM

Thanks for reply.
I rechecked:
Firefox ON Windows10: Option styling works.
It seems an old Problem between FireFox and Linux.

I am still looking for a Workaround for Linux-Users.