How to style radio buttons

1. Can radio buttons be styled?
2. How do you style a checked radio button?

Can radio buttons be styled?

With some simple and modern CSS, we can now style radio button input elements even easier. Below are three different options, each having its pros and cons.

How do you style a checked radio button?

To apply a CSS style to a label of a checked radio button or a checked checkbox, you can use the :checked CSS pseudo-class selector with the adjacent sibling combinator (+). The :checked CSS pseudo-class selector matches any checked/selected radio button, checkbox, or option element.