CSS Classes

Updated over 1 year ago

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

See Also

• Controlling Appearance