Styles and Appearances in Blazor RadioButton Component

14 Nov 20221 minute to read

To modify the RadioButton appearance, you need to override the default CSS of RadioButton component. Find the list of CSS classes and its corresponding section in RadioButton. Also, you have an option to create your own custom theme for the controls using our Theme Studio.

CSS Class	Purpose of Class
.e-radio-wrapper	To customize the radio button wrapper.
.e-radio + label:hover::before	To customize the radiobutton on hover.
.e-radio:checked + label::after, e-radio:checked + label::before	To customize the checked radiobutton.
.e-radio:checked:focus + label::before, .e-radio:checked + label:hover::before	To customize the checked radiobutton on hover.