CSS Skin File Selectors

Updated over 6 months ago

The following table lists the CSS selectors and descriptions for RadAutoCompleteBox style sheets.

Class Name	Element	Description
RadAutoCompleteBox_[Skin]e.g. RadAutoCompleteBox_ Default	DIV	Applied to the root element of the autocomplete.
racTokenList	DIV	Applied to the inner wrap of the autocomplete. The class name gives the autocomplete it's input-like appearance.
racInput	INPUT	Applied to the input element of the autcomplete. The class name controls the font of the input e.g. font-size, color etc.
racEmptyMessage	INPUT	Applied to the input element of the autocomplete if there is no text in it. The class name controls the font of the empty message e.g. font-size, colors etc.
racToken	SPAN	Applied to all bubble tokens. The class name controls the appearance of bubble tokens.
racTextToken	SPAN	Applied to all text tokens. The class name controls the appearance of text tokens.
racSlide	DIV	Applied the the animation container of the autocomplete poup. The class name has no decorative styles associated and should not be customized.
RadAutoCompleteBoxPopup	DIV	Applied to the autocomplete popup. The class name controls the appearance of the autocomplete popup e.g. border and backgorund color.
racList	UL	Applied to the autocomplete popup list. The class name has no decorative styles asssociated and should not be customized.
racItem	LI	Applied to the autocomplete popup list items. The class name controls the appearance of the autcomplete popup list items e.g. backgorund color, font etc.
racItemHovered	LI	Applied to the autocomplete popup list items when hoverd with a mouse or a pointing device. The class name controls the appearance of the autcomplete popup list items when hovered with a mouse or a pointign device e.g. backgorund color, font etc.

See Also

• Telerik ThemeBuilder for ASP.NET AJAX