CSS Skin File Selectors
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. |