To modify the RadioButton appearance, you need to override the default CSS of RadioButton component. Please 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 |