jQuery滑块句柄左移

我需要使用jQuery中的滑块，并且必须调整它的大小。除了把手之外，一切看起来都很好，向左移动。我试过css margin,padding,right但它没有帮助。有什么方法可以纠正这个问题吗？jQuery滑块句柄左移

贝娄，你可以找到它是什么样（缩小500％）和CSS代码。

.ui-slider { 
    background: #1f3e7c; 
    border-radius: 5px 5px 5px 5px; 
} 
.ui-slider-range { 
    background: #3366cc; 
    border-radius: 5px 5px 5px 5px; 
} 
.ui-slider .ui-slider-handle { 
    background: #dc3912; 
    border-radius: 2px 2px 2px 2px; 
    width: 3px; 
    height: 11px; 
} 
/* for div that contains slider*/ 
.rangeSlider { 
    color:#0000ff; 
    position: absolute; 
    width: 30%; 
    top: 100%; 
    height: 4px; 
}

UPDATE：请参见下面的链接了解详细信息： https://jsfiddle.net/binary_mind/xnL9b9uq/5/

来源

2016-09-16 Binary Mind

请提供html。一个[jsfiddle]（https://jsfiddle.net/）对我们来说也很方便，并且会给你更多的回应。 –

句柄已经应用了默认的jQuery UI风格，删除或调整'margin-left'到您的需要，它通常必须是宽度/ 2 * -1 – slash197

在jquery-ui.css:753

有margin-left: -.6em;属性.ui-slider-horizontal .ui-slider-handle。将它更改为0，它将完成！

来源

2016-09-20 08:31:42 jackjop

非常感谢！ –

jQuery滑块句柄左移

回答

相关问题