Style Selected Radio Buttons

[toad78]

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.

[PaulOB]

@toad78

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.

[toad78]

Great article! Thank you, PaulOB.