См.
Тематизация
раздел
Плагин jQuery UI Slider использует jQuery UI CSS Framework для стилизации его внешнего вида, включая цвета и фоновые текстуры. Мы рекомендуем использовать инструмент ThemeRoller для создания и загрузки пользовательских тем, которые легко создавать и поддерживать.
Если требуется более глубокий уровень настройки, существуют классы, относящиеся к виджетам, на которые есть ссылки в таблице стилей ui.slider.css, которые можно изменить. Эти классы выделены жирным шрифтом ниже.
Пример разметки с классами CSS Framework jQuery UI
<div class="ui-slider ui-slider-horizontal ui-widget ui-widget-content ui-corner-all">
<a style="left: 0%;" class="ui-slider-handle ui-state-default ui-corner-all" href="#"></a>
</div>
Примечание. Это образец разметки, созданной плагином слайдера, а не разметки, которую следует использовать для создания слайдера. Единственная разметка, необходимая для этого - <div><div>
.