自定義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 
} 

---

要放在裏面吧滑塊添加的JQuery UI滑塊的 padding-left: 5px;

Answer 2

單位尺寸爲em。因此滑塊大小相對於其字體大小。

• 更改滑塊div的字體大小以處理滑塊HEIGHT。
• 更改滑塊的容器寬度以處理滑塊寬度。