Styles and Appearances in Blazor CheckBox Component

24 Mar 20221 minute to read

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

CSS Class Purpose of Class
.e-checkbox-wrapper .e-frame To customize the checkbox frame.
.e-checkbox-wrapper:hover .e-frame To customize the checkbox frame on hover.
.e-checkbox-wrapper .e-label To customize the checkbox label.
.e-checkbox-wrapper:hover .e-label To customize the checkbox label on hover.
.e-checkbox-wrapper .e-frame.e-check To customize the checked checkbox.
.e-checkbox-wrapper:hover .e-frame.e-check To customize the checked checkbox when hover.