Настройка jQuery UI Ползунок Высота и ширина

Question

При настройке высоты/ширины слайдера jQuery UI (и ручка) ручка теперь сдвинется слишком далеко влево (с ползунка). Есть ли рекомендуемый способ сделать это?

Вот скрипка, чтобы показать вам, что я имею в виду: http://jsfiddle.net/w7A4k/

Я ничего не видел в API Documentation для этого, и я использую очень простую установку:

$("#slider").slider({ 
    orientation: "horizontal", 
    max: 100, 
    min: 0 
}); 

Answer 1

Попробуйте

fiddle demo

.ui-slider .ui-slider-handle { 
    height: 15px; 
    width: 5px; 
    padding-left: 5px; //add this 
} 

---

Чтобы поставить ползунок в баре добавить padding-left: 5px;

Answer 2

Размер блока в JQuery UI Slider находится в em. Поэтому размер слайдера относительно его размера шрифта.

• Изменить размер шрифта ползунка Div для управления ползунком ВЫСОТА.
• Измените ширину ползунка контейнера для управления ползунком WIDTH.