New to Telerik UI for ASP.NET AJAXStart 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 NameDescription
.RadColorPickerRadColorPicker container
.RadColorPicker .rcpPaletteRadColorPicker Palette
.rcpDisabled .rcpPaletteDisabled palette
.rcpDisabled .rcpIcon aDisabled palette show palette icon link
.rcpDisabled .rcpIcon emDisabled palette show palette icon EM
.RadColorPicker .rcpTabsRadColorPicker Tabs
.RadColorPicker .rcpHeaderRadColorPicker Header
.RadColorPicker .rcpWebPaletteRadColorPicker Web Palette
.RadColorPicker .rcpRGBPageView ulRadColorPicker RGB unordered list
.RadColorPicker .rcpMillionColorsPageViewRadColorPicker HSB view
.RadColorPicker .rcpInputsWrapper ulRadColorPicker input wrapper unordered list
.RadColorPicker .rcpFooter:afterRadColorPicker Footer after behavior
.RadColorPicker .rcpTabs:afterRadColorPicker Tabs after behavior
.RadColorPicker .rcpHeader:afterRadColorPicker Header after behavior
.RadColorPicker .rcpWebPalette:afterRadColorPicker Web Palette after behavior
.RadColorPicker .rcpRGBPageView ul:afterRadColorPicker RGB unordered list after behavior
.RadColorPicker .rcpMillionColorsPageViewRadColorPicker HSB view after behavior
.RadColorPicker .rcpInputsWrapper ulRadColorPicker input wrapper unordered list after behavior
.RadColorPicker .rcpFooterRadColorPicker Footer after behavior
.RadColorPicker ulRadColorPicker unordered list block
.RadColorPicker ul liRadColorPicker unordered list LI element
.RadColorPicker aRadColorPicker link normal state
.RadColorPicker .rcpHexInputRadColorPicker HEX input
.RadColorPicker .rcpInputRadColorPicker input
.RadColorPicker .rcpHexInputRadColorPicker HEX input
.RadColorPicker labelRadColorPicker label
.RadColorPicker .rcpEmptyColorRadColorPicker empty color
.RadColorPicker .rcpApplyButtonRadColorPicker apply button
.RadColorPicker .rcpEmptyColor spanRadColorPicker apply button span
.RadColorPicker .rcpPalette labelRadColorPicker palette label
.RadColorPicker .rcpIconRadColorPicker Icon
.RadColorPicker .rcpIcon aRadColorPicker Icon link normal state
.RadColorPicker .rcpIcon emRadColorPicker Icon EM
.RadColorPicker .rcpColorPreviewRadColorPicker Color Preview
.RadColorPicker .rcpHeader .rcpEmptyColorRadColorPicker Header Empty color
.RadColorPicker .rcpEmptyColor spanRadColorPicker empty color SPAN
.RadColorPicker .rcpTabs ulRadColorPicker Tabs unordered list block
.RadColorPicker .rcpTabs ul liRadColorPicker Tabs unordered list
.RadColorPicker .rcpTabs ul li aRadColorPicker Tabs unordered list link normal state
.RadColorPicker .rcpTabs ul li a spanRadColorPicker Tabs unordered list link SPAN
.RadColorPicker .rcpWebPalette liRadColorPicker web palette list
.RadColorPicker .rcpColorBoxRadColorPicker color box
.RadColorPicker .rcpSelectedColorRadColorPicker selected color
.RadColorPicker .rcpColorBox spanRadColorPicker color box SPAN
.RadColorPicker .rcpSelectedColor spanRadColorPicker selected color SPAN
.RadColorPicker .rcpWebPalette .rcpBreakLineRadColorPicker web palette break line
.RadColorPicker .rcpHeader .rcpImageButtonStyles the image button in the header
.RadColorPicker .rcpImageButton spanStyles the image button span in the header
.RadColorPicker .rcpButtonStyles Color Picker buttons
.RadColorPicker .rcpButton spanStyles Color Picker buttons span
.RadColorPicker .rcpRoundedRightStyles right rounded side of RadColorPicker
.RadColorPicker .rcpRoundedBottomRightStyles right rounded bottom corner of RadColorPicker
.RadColorPicker .rcpRoundedBottomLeftStyles bottom left side of RadColorPicker
.RadColorPicker .rcpRightShadowStyles right shadow of RadColorPicker
.RadColorPicker .rcpCornerShadowStyle bottom right corner shadow of RadColorPicker
.RadColorPicker .rcpBottomShadowStyles bottom shadow of RadColorPicker
Overwriting RadColorPicker Styles
.RadColorPicker .rcpSlider div.rslHorizontal .rslTrack a.rslDraghandleStyles RadSlider Draghandle
.RadColorPicker .rcpSlider .rslHorizontal .rslTrackStyles RadSlider Horizontal Track
.RadColorPicker .rcpRedSlider .rslHorizontal .rslTrack,.RadColorPicker .rcpRedSlider .rslHorizontal .rslSelectedregionStyles Red RadSlider Horizontal Track and Selected region
.RadColorPicker .rcpGreenSlider .rslHorizontal .rslTrack,.RadColorPicker .rcpGreenSlider .rslHorizontal .rslSelectedregionStyles Green RadSlider Horizontal Track and Selected region
.RadColorPicker .rcpBlueSlider .rslHorizontal .rslTrack,.RadColorPicker .rcpBlueSlider .rslHorizontal .rslSelectedregionStyles Blue RadSlider Horizontal Track and Selected region
div.RadColorPicker .rcpHexInput[readonly]Styles readonly state of the HexInput – Color Palette
.RadColorPicker .rcpEmptyHeaderStyles header when it is empty

RGB Sliders Palette

Class NameDescription
.RadColorPicker .rcpRGBPageViewRadColorPicker RGB page preview
.RadColorPicker .rcpRGBPageView ul liRadColorPicker RGB page preview unordered list LI
.RadColorPicker .rcpRGBPageView .rcpInputRadColorPicker RGB page preview input
.RadColorPicker .rcpRGBPageView ul li labelRadColorPicker RGB page preview unordered list label
.RadColorPicker .rcpSliderRadColorPicker Slider
.RadColorPickerRTL .rcpRGBPageView .rcpInputRadColorPicker RGB page preview input - Right to Left
RadColorPickerRTL .rcpRGBPageView ul li labelRadColorPicker RGB page preview unordered list label - Right to Left
.RadColorPickerRTL .rcpSliderRadColorPicker Slider - Right to Left

Million Colors Palettes

Class NameDescription
.RadColorPicker .rcpMillionColorsPaletteRadColorPicker Million Colors Palette
.RadColorPicker .rcpHsbPageView .rcpVInputWrapperRadColorPicker HSB preview input wrapper
.RadColorPicker .rcpHsbPageView .rcpMillionColorsPaletteRadColorPicker HSB preview million colors palette
.RadColorPicker .rcpHsbPageView .rcpMillionColorsSlider div.rslTrackRadColorPicker HSB preview million colors slider track
.RadColorPicker .rcpHsvPageView .rcpMillionColorsPaletteRadColorPicker HSV preview million colors palette
.RadColorPicker .rcpHsvPageView .rcpMillionColorsSlider div.rslTrackRadColorPicker HSV preview million colors slider track
.RadColorPicker div.rcpMillionColorsSlider div.rslVertical a.rslDraghandleRadColorPicker million colors slider vertical drag handle link normal state
.RadColorPicker .rcpHsvPageView .rcpLInputWrapperRadColorPicker HSV preview left input wrapper
.RadColorPicker .rcpMillionColorsPageViewRadColorPicker million colors page preview
.RadColorPicker .rcpMillionColorsSliderRadColorPicker million colors slider
.RadColorPicker .rcpMillionColorsSlider div.rslSelectedregionRadColorPicker million colors slider selected region
.RadColorPicker .rcpMillionColorsPageView .rcpInputsWrapperRadColorPicker million colors preview input wrapper
.RadColorPicker .rcpMillionColorsPageView .rcpInputsWrapper liRadColorPicker million colors preview input wrapper LI
.RadColorPicker .rcpMillionColorsPageView .rcpInputsWrapper labelRadColorPicker million colors preview input wrapper label
.RadColorPickerRTL .rcpMillionColorsPageView .rcpInputsWrapper labelRadColorPicker million colors preview input wrapper label – Right to Left
.RadColorPicker .rcpMillionColorsPageView .rcpInputsWrapper .rcpInputRadColorPicker million colors preview input wrapper input
.RadColorPicker .rcpMillionColorsPageView .rcpInputsWrapper .rcpMillionColorsInputsRadColorPicker million colors preview input wrapper million colors input
.RadColorPicker .rcpMillionColorsHandleRadColorPicker million colors handle

Skin-Specific Styles

Class NameDescription
.RadColorPicker.SkinName .rcpPaletteRadColorPicker Palette
.RadColorPicker.SkinName .rcpColorBoxRadColorPicker color box
.RadColorPicker.SkinName .rcpSelectedColorRadColorPicker selected color
.RadColorPicker.SkinName .rcpMillionColorsPaletteRadColorPicker million colors palette
.RadColorPicker.SkinName .rcpColorPreviewRadColorPicker color preview
.RadColorPicker.SkinName .rcpInputRadColorPicker input class=’rcpInput’
.RadColorPicker.SkinName .rcpHexInputRadColorPicker HEX input
.RadColorPicker.SkinName inputRadColorPicker input
.RadColorPicker.SkinName aRadColorPicker link normal state
.RadColorPicker.SkinName .rcpEmptyColorRadColorPicker empty color
.RadColorPicker.SkinName .rcpTabs,RadColorPicker Tabs
.RadColorPicker.SkinName .rcpTabs aRadColorPicker Tabs link normal state
.RadColorPicker.SkinName .rcpTabs a spanRadColorPicker Tabs link span
.RadColorPicker.SkinName .rcpApplyButtonRadColorPicker apply button normal state
.RadColorPicker.SkinName .rcpApplyButton:hoverRadColorPicker apply button hover state
.RadColorPicker.SkinName .rcpApplyButton spanRadColorPicker apply button span normal state
.RadColorPicker.SkinName .rcpApplyButton:hover spanRadColorPicker apply button span hover state
.RadColorPicker.SkinName .rcpMillionColorsHandleRadColorPicker million color handle
.RadColorPicker.SkinName div.rcpMillionColorsSlider div.rslVertical a.rslDraghandleRadColorPicker million color slider vertical link drag handle normal state
.RadColorPicker.SkinName .rcpEmptyColorRadColorPicker empty color
.RadColorPickerRTL.SkinName .rcpEmptyColorRadColorPicker empty color – Right to Left
.RadColorPicker.SkinName .rcpIcon aRadColorPicker icon link normal state
.RadColorPicker.SkinName .rcpIcon a:hoverRadColorPicker icon link hover state
.RadColorPicker.SkinName .rcpIcon a:activeRadColorPicker icon link active state
.RadColorPicker.SkinName .rcpIcon a:focusRadColorPicker icon link focus state
.RadColorPicker.SkinName .rcpTabs .rcpSelectedTab aRadColorPicker Tabs – selected tab link normal state
.RadColorPicker.SkinName .rcpTabs .rcpSelectedTab a spanRadColorPicker 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:hoverRadColorPicker million colors slider vertical link drag handle hover state
.RadColorPicker.SkinName div.rcpMillionColorsSlider div.rslVertical a.rslDraghandle:focusRadColorPicker million colors slider vertical link drag handle focus state
.RadColorPicker.SkinName div.rcpMillionColorsSlider div.rslVertical a.rslDraghandle:activeRadColorPicker million colors slider vertical link drag handle active state

See Also