Styles and Appearances in Blazor CheckBox Component

14 Nov 20221 minute to read

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