New to Telerik UI for ASP.NET AJAX? Start a free 30-day trial
CSS Classes
Updated over 6 months ago
The following table lists significant CSS selectors and descriptions for RadSlider style sheets. The CSS styles define the basic elements of the RadSlider visual structure.
| CSS Class | Description |
|---|---|
| .RadSlider_SkinName .rslTrack | CSS class for styling the trackline. |
| .RadSlider_SkinName .rslHorizontal a.rslHandle | Decorates the horizontal left and right drag handle anchors by using background image. |
| .RadSlider_SkinName .rslHorizontal a.rslDraghandle | Decorates the horizontal drag handle anchor |
| .RadSlider_SkinName .rslHorizontal .rslTrack | Decorates the horizontal trackline background by using background image. |
| .RadSlider_SkinName .rslHorizontal .rslSelectedregion | Decorates the horizontal Select region background by using background image. |
| .RadSlider_SkinName .rslVertical a.rslHandle | Decorates the vertical drag handle anchor by using background image. |
| .RadSlider_SkinName .rslVertical .rslTrack | Decorates the vertical trackline by using background image. |
| .RadSlider_SkinName .rslVertical .rslSelectedregion | Decorates the vertical Selected region background by using background image. |
| .RadSlider_SkinName .rslVertical a.rslDraghandle | Decorates the vertical draghandle anchor by using background image. |
| .RadSlider_SkinName .rslLeft a.rslDraghandle | Decorates the left draghandle anchor by using background image. |
| .RadSlider_SkinName .rslItem, .RadSlider_SkinName .rslLargeTick span | Decorates the color the item and the spam within. |
| .RadSlider_SkinName .rslItemsWrapper .rslItemSelected | Decorates width and height of the Slider wrapping element. |
| .rslItemSelected, .rslItem, rslItemFirst, rslItemlast | Decorates the elements and their states – normal, selected, first and last item. |
| .RadSlider_SkinName .rslHorizontal .rslItem | Decorates the horizontal item by using background image. |
| .RadSlider_SkinName .rslVertical .rslItem | Decorates the vertical item by using background image. |
| .RadSlider_SkinName .rslTop .rslSmallTick, .RadSlider_SkinName .rslBottom .rslSmallTick | Decorates Horizontal slider Small Tick - TrackPosition=Top/Bottom by using background image. |
| .RadSlider_SkinName .rslTop .rslLargeTick, .RadSlider_SkinName .rslBottom .rslLargeTick | Decorates Horizontal slider Large Tick - TrackPosition=Top/Bottom by using background image. |
| .RadSlider_SkinName .rslLeft .rslSmallTick, .RadSlider_SkinName .rslRight .rslSmallTick | Decorates Vertical slider Small Tick - TrackPosition=Left/Right by using background image. |
| .RadSlider_SkinName .rslLeft .rslLargeTick, .RadSlider_SkinName .rslRight .rslLargeTick | Decorates Vertical slider Large Tick - TrackPosition= Left/Right by using background image. |
| .RadSlider_SkinName .rslMiddle .rslSmallTick | Decorates Horizontal slider small tick - TrackPosition=Center |
| .RadSlider_SkinName .rslMiddle .rslLargeTick | Decorates Horizontal slider large tick - TrackPosition=Center |
| .RadSlider_SkinName .rslCenter .rslSmallTick | Decorates vertical slider small tick - TrackPosition=Center |
| .RadSlider_SkinName .rslCenter .rslLargeTick | Decorates vertical slider large tick - TrackPosition=Center |