Styles and Appearances in Blazor Color Picker Component
4 Nov 20251 minute to read
Customize the Color Picker appearance by overriding its default CSS. The following table lists key CSS classes and the corresponding UI sections in the Color Picker. For broader, theme-level changes, create a custom theme using 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. |