Style and appearance in Vue Check box component
27 Feb 20231 minute to read
To modify the CheckBox appearance, you need to override the default CSS of CheckBox component. Please find the list of CSS classes and its 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 |