jQuery Mobile滑块手柄在一端移过轨道

Question

所以我遇到的问题是当我将它移动到它的最小值（最左边）时，我的滑块手柄似乎移动超过了轨道的极限。您可以在下面看到我正在谈论的内容，因为第一个滑块的手柄仍位于轨道内，但第二个滑块的手柄似乎超过了几个像素。

我如何在这里抵消手柄？或者有什么我可以通过轨道来改变这个问题吗？

谢谢！

Answer 1

看起来你已经通过CSS改变了音轨和手柄的大小。更改手柄大小时，需要将负左边距更改为手柄宽度的一半。此外，减少轨道的边界半径将有助于视觉效果：

.ui-slider-track, .ui-slider-switch {
    height: 30px;
    border-radius: 12px;
}
.ui-slider-track .ui-btn.ui-slider-handle {
    width: 16px;
    height: 36px;
    margin-top: -20px  !important;
    margin-left: -8px !important;
}

  

<强> DEMO

Answer 2

你可以在CSS中调整它。打开开发工具并在滑块手柄元素上留下填充左边距。

不太理想，但过去我必须做同样的事情。