It's still very difficult to change the visual look of HTML radio buttons and checkboxes using CSS.

For example, changing the check box's border-color does nothing on major browsers.

Is there a UX reason for this? Keeping it the same for consistency? Or is this just something that's been neglected?

  • 1
    It's a decent question, I'm not sure to the reason but I'm 99% sure I saw something recently about a proposal to allow more control over native styling. The crazy thing with the current state of affairs is that often people want to style their inputs to match their designs, but many of these implementations can affect accessibility negatively. Commented Jun 28, 2019 at 6:55

1 Answer 1


A little bit of column A and a little bit of column B.

  1. Standards are difficult to change especially when you have to work with multiple companies and browsers. With every change, you have to ensure browser compatibility for all available versions for all available browsers, you have to consider accessibility, touch behaviour etc.

  2. As technology advances (think progressive web apps, grids etc.) more standards and updates to HTML & CSS are needed, so elements that are quite "basic" tend to move down in priority especially when you have to consider point 1 above.

So I would say it's less "being neglected" and more "if it ain't broke, don't fix it".

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.