Search results

Styles and Appearances in JavaScript (ES5) RadioButton control

24 Sep 2021 / 1 minute to read

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