自定义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。
• 更改滑块的容器宽度以处理滑块宽度。