CSS Classes
The following table lists significant CSS selectors and descriptions for RadColorPicker style sheets. The CSS styles define the basic elements of the RadColorPicker visual structure.
General styles:
| Class Name | Description |
|---|---|
| .RadColorPicker | RadColorPicker container |
| .RadColorPicker .rcpPalette | RadColorPicker Palette |
| .rcpDisabled .rcpPalette | Disabled palette |
| .rcpDisabled .rcpIcon a | Disabled palette show palette icon link |
| .rcpDisabled .rcpIcon em | Disabled palette show palette icon EM |
| .RadColorPicker .rcpTabs | RadColorPicker Tabs |
| .RadColorPicker .rcpHeader | RadColorPicker Header |
| .RadColorPicker .rcpWebPalette | RadColorPicker Web Palette |
| .RadColorPicker .rcpRGBPageView ul | RadColorPicker RGB unordered list |
| .RadColorPicker .rcpMillionColorsPageView | RadColorPicker HSB view |
| .RadColorPicker .rcpInputsWrapper ul | RadColorPicker input wrapper unordered list |
| .RadColorPicker .rcpFooter:after | RadColorPicker Footer after behavior |
| .RadColorPicker .rcpTabs:after | RadColorPicker Tabs after behavior |
| .RadColorPicker .rcpHeader:after | RadColorPicker Header after behavior |
| .RadColorPicker .rcpWebPalette:after | RadColorPicker Web Palette after behavior |
| .RadColorPicker .rcpRGBPageView ul:after | RadColorPicker RGB unordered list after behavior |
| .RadColorPicker .rcpMillionColorsPageView | RadColorPicker HSB view after behavior |
| .RadColorPicker .rcpInputsWrapper ul | RadColorPicker input wrapper unordered list after behavior |
| .RadColorPicker .rcpFooter | RadColorPicker Footer after behavior |
| .RadColorPicker ul | RadColorPicker unordered list block |
| .RadColorPicker ul li | RadColorPicker unordered list LI element |
| .RadColorPicker a | RadColorPicker link normal state |
| .RadColorPicker .rcpHexInput | RadColorPicker HEX input |
| .RadColorPicker .rcpInput | RadColorPicker input |
| .RadColorPicker .rcpHexInput | RadColorPicker HEX input |
| .RadColorPicker label | RadColorPicker label |
| .RadColorPicker .rcpEmptyColor | RadColorPicker empty color |
| .RadColorPicker .rcpApplyButton | RadColorPicker apply button |
| .RadColorPicker .rcpEmptyColor span | RadColorPicker apply button span |
| .RadColorPicker .rcpPalette label | RadColorPicker palette label |
| .RadColorPicker .rcpIcon | RadColorPicker Icon |
| .RadColorPicker .rcpIcon a | RadColorPicker Icon link normal state |
| .RadColorPicker .rcpIcon em | RadColorPicker Icon EM |
| .RadColorPicker .rcpColorPreview | RadColorPicker Color Preview |
| .RadColorPicker .rcpHeader .rcpEmptyColor | RadColorPicker Header Empty color |
| .RadColorPicker .rcpEmptyColor span | RadColorPicker empty color SPAN |
| .RadColorPicker .rcpTabs ul | RadColorPicker Tabs unordered list block |
| .RadColorPicker .rcpTabs ul li | RadColorPicker Tabs unordered list |
| .RadColorPicker .rcpTabs ul li a | RadColorPicker Tabs unordered list link normal state |
| .RadColorPicker .rcpTabs ul li a span | RadColorPicker Tabs unordered list link SPAN |
| .RadColorPicker .rcpWebPalette li | RadColorPicker web palette list |
| .RadColorPicker .rcpColorBox | RadColorPicker color box |
| .RadColorPicker .rcpSelectedColor | RadColorPicker selected color |
| .RadColorPicker .rcpColorBox span | RadColorPicker color box SPAN |
| .RadColorPicker .rcpSelectedColor span | RadColorPicker selected color SPAN |
| .RadColorPicker .rcpWebPalette .rcpBreakLine | RadColorPicker web palette break line |
| .RadColorPicker .rcpHeader .rcpImageButton | Styles the image button in the header |
| .RadColorPicker .rcpImageButton span | Styles the image button span in the header |
| .RadColorPicker .rcpButton | Styles Color Picker buttons |
| .RadColorPicker .rcpButton span | Styles Color Picker buttons span |
| .RadColorPicker .rcpRoundedRight | Styles right rounded side of RadColorPicker |
| .RadColorPicker .rcpRoundedBottomRight | Styles right rounded bottom corner of RadColorPicker |
| .RadColorPicker .rcpRoundedBottomLeft | Styles bottom left side of RadColorPicker |
| .RadColorPicker .rcpRightShadow | Styles right shadow of RadColorPicker |
| .RadColorPicker .rcpCornerShadow | Style bottom right corner shadow of RadColorPicker |
| .RadColorPicker .rcpBottomShadow | Styles bottom shadow of RadColorPicker |
| Overwriting RadColorPicker Styles | |
| .RadColorPicker .rcpSlider div.rslHorizontal .rslTrack a.rslDraghandle | Styles RadSlider Draghandle |
| .RadColorPicker .rcpSlider .rslHorizontal .rslTrack | Styles RadSlider Horizontal Track |
| .RadColorPicker .rcpRedSlider .rslHorizontal .rslTrack,.RadColorPicker .rcpRedSlider .rslHorizontal .rslSelectedregion | Styles Red RadSlider Horizontal Track and Selected region |
| .RadColorPicker .rcpGreenSlider .rslHorizontal .rslTrack,.RadColorPicker .rcpGreenSlider .rslHorizontal .rslSelectedregion | Styles Green RadSlider Horizontal Track and Selected region |
| .RadColorPicker .rcpBlueSlider .rslHorizontal .rslTrack,.RadColorPicker .rcpBlueSlider .rslHorizontal .rslSelectedregion | Styles Blue RadSlider Horizontal Track and Selected region |
| div.RadColorPicker .rcpHexInput[readonly] | Styles readonly state of the HexInput – Color Palette |
| .RadColorPicker .rcpEmptyHeader | Styles header when it is empty |
RGB Sliders Palette
| Class Name | Description |
|---|---|
| .RadColorPicker .rcpRGBPageView | RadColorPicker RGB page preview |
| .RadColorPicker .rcpRGBPageView ul li | RadColorPicker RGB page preview unordered list LI |
| .RadColorPicker .rcpRGBPageView .rcpInput | RadColorPicker RGB page preview input |
| .RadColorPicker .rcpRGBPageView ul li label | RadColorPicker RGB page preview unordered list label |
| .RadColorPicker .rcpSlider | RadColorPicker Slider |
| .RadColorPickerRTL .rcpRGBPageView .rcpInput | RadColorPicker RGB page preview input - Right to Left |
| RadColorPickerRTL .rcpRGBPageView ul li label | RadColorPicker RGB page preview unordered list label - Right to Left |
| .RadColorPickerRTL .rcpSlider | RadColorPicker Slider - Right to Left |
Million Colors Palettes
| Class Name | Description |
|---|---|
| .RadColorPicker .rcpMillionColorsPalette | RadColorPicker Million Colors Palette |
| .RadColorPicker .rcpHsbPageView .rcpVInputWrapper | RadColorPicker HSB preview input wrapper |
| .RadColorPicker .rcpHsbPageView .rcpMillionColorsPalette | RadColorPicker HSB preview million colors palette |
| .RadColorPicker .rcpHsbPageView .rcpMillionColorsSlider div.rslTrack | RadColorPicker HSB preview million colors slider track |
| .RadColorPicker .rcpHsvPageView .rcpMillionColorsPalette | RadColorPicker HSV preview million colors palette |
| .RadColorPicker .rcpHsvPageView .rcpMillionColorsSlider div.rslTrack | RadColorPicker HSV preview million colors slider track |
| .RadColorPicker div.rcpMillionColorsSlider div.rslVertical a.rslDraghandle | RadColorPicker million colors slider vertical drag handle link normal state |
| .RadColorPicker .rcpHsvPageView .rcpLInputWrapper | RadColorPicker HSV preview left input wrapper |
| .RadColorPicker .rcpMillionColorsPageView | RadColorPicker million colors page preview |
| .RadColorPicker .rcpMillionColorsSlider | RadColorPicker million colors slider |
| .RadColorPicker .rcpMillionColorsSlider div.rslSelectedregion | RadColorPicker million colors slider selected region |
| .RadColorPicker .rcpMillionColorsPageView .rcpInputsWrapper | RadColorPicker million colors preview input wrapper |
| .RadColorPicker .rcpMillionColorsPageView .rcpInputsWrapper li | RadColorPicker million colors preview input wrapper LI |
| .RadColorPicker .rcpMillionColorsPageView .rcpInputsWrapper label | RadColorPicker million colors preview input wrapper label |
| .RadColorPickerRTL .rcpMillionColorsPageView .rcpInputsWrapper label | RadColorPicker million colors preview input wrapper label – Right to Left |
| .RadColorPicker .rcpMillionColorsPageView .rcpInputsWrapper .rcpInput | RadColorPicker million colors preview input wrapper input |
| .RadColorPicker .rcpMillionColorsPageView .rcpInputsWrapper .rcpMillionColorsInputs | RadColorPicker million colors preview input wrapper million colors input |
| .RadColorPicker .rcpMillionColorsHandle | RadColorPicker million colors handle |
Skin-Specific Styles
| Class Name | Description |
|---|---|
| .RadColorPicker.SkinName .rcpPalette | RadColorPicker Palette |
| .RadColorPicker.SkinName .rcpColorBox | RadColorPicker color box |
| .RadColorPicker.SkinName .rcpSelectedColor | RadColorPicker selected color |
| .RadColorPicker.SkinName .rcpMillionColorsPalette | RadColorPicker million colors palette |
| .RadColorPicker.SkinName .rcpColorPreview | RadColorPicker color preview |
| .RadColorPicker.SkinName .rcpInput | RadColorPicker input class=’rcpInput’ |
| .RadColorPicker.SkinName .rcpHexInput | RadColorPicker HEX input |
| .RadColorPicker.SkinName input | RadColorPicker input |
| .RadColorPicker.SkinName a | RadColorPicker link normal state |
| .RadColorPicker.SkinName .rcpEmptyColor | RadColorPicker empty color |
| .RadColorPicker.SkinName .rcpTabs, | RadColorPicker Tabs |
| .RadColorPicker.SkinName .rcpTabs a | RadColorPicker Tabs link normal state |
| .RadColorPicker.SkinName .rcpTabs a span | RadColorPicker Tabs link span |
| .RadColorPicker.SkinName .rcpApplyButton | RadColorPicker apply button normal state |
| .RadColorPicker.SkinName .rcpApplyButton:hover | RadColorPicker apply button hover state |
| .RadColorPicker.SkinName .rcpApplyButton span | RadColorPicker apply button span normal state |
| .RadColorPicker.SkinName .rcpApplyButton:hover span | RadColorPicker apply button span hover state |
| .RadColorPicker.SkinName .rcpMillionColorsHandle | RadColorPicker million color handle |
| .RadColorPicker.SkinName div.rcpMillionColorsSlider div.rslVertical a.rslDraghandle | RadColorPicker million color slider vertical link drag handle normal state |
| .RadColorPicker.SkinName .rcpEmptyColor | RadColorPicker empty color |
| .RadColorPickerRTL.SkinName .rcpEmptyColor | RadColorPicker empty color – Right to Left |
| .RadColorPicker.SkinName .rcpIcon a | RadColorPicker icon link normal state |
| .RadColorPicker.SkinName .rcpIcon a:hover | RadColorPicker icon link hover state |
| .RadColorPicker.SkinName .rcpIcon a:active | RadColorPicker icon link active state |
| .RadColorPicker.SkinName .rcpIcon a:focus | RadColorPicker icon link focus state |
| .RadColorPicker.SkinName .rcpTabs .rcpSelectedTab a | RadColorPicker Tabs – selected tab link normal state |
| .RadColorPicker.SkinName .rcpTabs .rcpSelectedTab a span | RadColorPicker Tabs – selected tab link normal state SPAN |
| .RadColorPicker.SkinName div.rcpMillionColorsSlider div.rslVertical a.rslDraghandle, | RadColorPicker million colors slider vertical link drag handle normal state |
| .RadColorPicker.SkinName div.rcpMillionColorsSlider div.rslVertical a.rslDraghandle:hover | RadColorPicker million colors slider vertical link drag handle hover state |
| .RadColorPicker.SkinName div.rcpMillionColorsSlider div.rslVertical a.rslDraghandle:focus | RadColorPicker million colors slider vertical link drag handle focus state |
| .RadColorPicker.SkinName div.rcpMillionColorsSlider div.rslVertical a.rslDraghandle:active | RadColorPicker million colors slider vertical link drag handle active state |