Добавление заполнения к слайдеру jQuery UI

Есть ли простой способ добавить отступ к полосе слайдера jQuery UI Slider? Я бы хотел, чтобы ручка слайдера не доходила до концов планки. Итак, если это обычный левый конец:

no padding
\/
[]------------------

Я бы хотел, чтобы слева (и справа) было заполнение:

padding of 10px for instance
\/
--[]----------------

Я пробовал это в файле css:

.ui-slider-horizontal {height: .8em; отступ: 0 10 пикселей; }

Но кажется, что jQuery UI Slider использует полную ширину ( outerWidth () ) для определения диапазона скольжения ручки вместо ширины без заполнения. Я также попытался взломать код, заменив outerWidth () на width () , но он ничего не сделал.

Я явно не хочу прибегать к хакерской атаке установки минимальных и максимальных значений. Значения всегда должны работать, как ожидалось.

Есть предложения?

Редактировать:

После комментария pkauko; Я использую ползунок как элемент, над которым есть три метки:

   not                      very
important    important    important
----[]-----------[]----------[]----

На приведенном выше рисунке показаны позиции, в которых я хочу, чтобы ручка отображалась, по центру под этикетками. Но планка визуально должна растягиваться до краев.