自定义jQuery UI Slider高度和宽度

lha*_*han 9 css jquery jquery-ui slider

在自定义jQuery UI Slider(和手柄)的高度/宽度时,手柄现在将向左滑动太远(滑块之外).有没有推荐的方法来做这个?

这是一个小提示,向您展示我的意思:http://jsfiddle.net/w7A4k/

我没有在API文档中看到任何内容,我正在使用一个非常基本的设置:

$("#slider").slider({
    orientation: "horizontal",
    max: 100,
    min: 0
});
Run Code Online (Sandbox Code Playgroud)

Tus*_*har 15

尝试

fiddle demo

.ui-slider .ui-slider-handle {
    height: 15px;
    width: 5px;
    padding-left: 5px; //add this
}
Run Code Online (Sandbox Code Playgroud)


将滑块放在栏内添加 padding-left: 5px;