jQuery ui滑块-ui滑块句柄超出div

请帮我解决我的问题。。。 当达到右侧的100%时，如何设置以及在何处设置。ui滑块手柄不超过div

Live preview https://codepen.io/Melwee/pen/Exjwoyo

这里有一张图片来阐明我的意思

---

很好。我不知道你是否会接受这个答案，但实际上你的问题没有一个合适的答案。在这个问题上，人们只能给你一些不同的观点

我认为，如果您在

.ui滑块手柄中添加一些
左边距
，例如：

margin-left: -25px;

padding: 5px 20px;

然后扩展
.lc滑块
的
填充
如下：

margin-left: -25px;

padding: 5px 20px;

看起来会好些

您需要将左边距设置为光盘大小的一半，就像
边框半径一样。之后，将滑块的左右边框设置为小部件的相同颜色：

.ui-slider .ui-slider-handle {
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.08);
  border: 14px solid #f9f9ff;
  height: 53px;
  width: 53px;
  border-radius: 27px;
  background: #ff4c60;
  cursor: pointer;
  margin-top: -9px;
  margin-left: -27px; /* set margin to 0.5 the width */
}

.ui-slider.ui-slider-horizontal {
  border-left: 25px solid #ff4c60 !important;
  border-right: 24px solid #ffffff !important;
}
.ui-slider.ui-slider-horizontal .ui-slider-range-min {
  border-radius: 0;
}

之后，您只需调整页脚：

.lc-slider-footer {
    width: 100%;
    padding: 7px 4px; /* adjust footer */
    display: flex;
    justify-content: space-between;
    -ms-align-items: center;
    align-items: center;
}

谢谢你的回答，但它仍然不能解决我的问题，它仍然通过div。。。。很抱歉，我不明白你的评论。。。我来自斯洛伐克。。。我不太懂英语。。。谷歌翻译也帮我翻译了翻译回答。请参阅我使用左右边框颜色的替代方法