jQuery Slider句柄向左移动

Question

我需要使用jQuery中的滑块并且必须调整它的大小。一切看起来不错，除了把手，向左移动。我尝试了margin，padding，right，但它没有帮助。有没有办法纠正这个？

Bellow你可以找到它的样子（缩放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;
}

更新：请参阅以下链接了解详情： https://jsfiddle.net/binary_mind/xnL9b9uq/5/

Answer 1

在jquery-ui.css:753

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