Style Selected Radio Buttons

Using this CSS on this page doesn’t seem to change the color of the checked radio elements:

signup input[type="radio"]:checked {
    background: red !important;
    color: red !important;

Is there something more to it than just adding background/color? Seems simple enough.

You can’t change radio buttons. You get whatever the OS offers in most cases.

If you want stylised radio boxes you have to style something else instead and make it look like a radio while still retaining accessibility.

Great article! Thank you, PaulOB.

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.