Edit this page

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

See Also