Styles and Appearances in Blazor Color Picker Component
14 Nov 20221 minute to read
To modify the ColorPicker appearance, you need to override the default CSS of ColorPicker component. Find the list of CSS classes and its corresponding section in ColorPicker component. Also, you have an option to create your own custom theme for the controls using our Theme Studio.
CSS Class | Purpose of Class |
---|---|
.e-colorpicker-popup .e-container .e-handler | To customize Color Picker selection handler. |
.e-colorpicker-popup .e-container.e-color-picker | To customize the Color Picker container. |
.e-colorpicker-popup .e-container .e-palette .e-tile | To customize the Color Picker palette item. |
.e-colorpicker-popup .e-container .e-switch-ctrl-btn | To customize the Color Picker switch control. |
.e-colorpicker-popup .e-container .e-slider-preview | To customize the Color Picker slider control. |