jQuery Slider 句柄向左移动

Question

我需要使用 jQuery 中的 slider 并且必须调整它的大小。一切看起来都很好，除了 handle ，向左移动。我尝试了 css margin、padding、right 但它没有帮助。有什么办法可以纠正这个问题吗？

您可以在下面找到它的样子(放大 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-horizo​​ntal .ui-slider-handle 属性。改成0就搞定了!