noUiSlider noUi-connect 背景图片偏移

Question

在 noUiSlider 10 中，我能够使用渐变创建 "groove" 背景图像 fpr the .noUi-connect class，并将其放置在 "groove" 的末端没有延伸到滑块背景的圆边。

在 noUiSlider 13 中，我无法再将 "groove" 保留在端盖之外。

我也试过 CSS，但是背景位置：居中左 5px；技巧似乎不再有效。

操纵 .noUi-target class 背景仍然有效，因为我可以将背景大小缩小 10 像素，然后将其移动以将 "groove" 保持在端盖之外。

Answer 1

您可以稍微调整 noUi-connects 元素的大小来实现此效果：

.noUi-connects {
    margin: 0 3px;
    width: calc(100% - 6px); /* 2 * 3px */
}

noUiSlider noUi-connect background image offset