New to Telerik UI for ASP.NET AJAX? Start a free 30-day trial
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 |