Dashboard checkbox and radio box styling

This is something that’s been bothering me for years with WordPress. Checkboxes and radio boxes are styled. I don’t know for what reason, as they are almost identical to the native browser ones.

Being styled using CSS and appearance: none, they cannot inherit dark styles from the color-scheme: dark CSS directive.

I would like to remove these styles. They mostly exist in forms.css, and they use styling for the actual element, plus a ::before pseudo-element.

What do you think?

3 Likes

I haven’t tried what this would look like but, in principle, I think it’s a great idea. There are probably many other bits of legacy styling that we could eliminate too.

1 Like

It looks exactly the same. And it’s better on mobile, in my opinion, and also inherits dark themes. I have a friend who uses a Chrome extension to force-turn all pages to dark mode, and these elements don’t work as well as they should.

1 Like