Css noUiSlider noUi连接背景图像偏移

Css noUiSlider noUi连接背景图像偏移,css,nouislider,Css,Nouislider,在noUiSlider 10中,我能够使用渐变创建.nouiConnect类的“groove”背景图像fpr,并对其进行定位,以使“groove”的末端不会延伸到滑块背景的圆边中 在noUiSlider 13中,我无法再将“凹槽”保持在端盖之外。 我尝试过同样的CSS,但是背景位置:左5px中心;这个诡计似乎不再奏效了 操作.noUi目标类背景仍然有效,因为我可以将背景大小缩小10px,然后将其移到上方,以使“凹槽”远离端盖。您可以稍微调整noUi connects元素的大小以实现此效果:

在noUiSlider 10中,我能够使用渐变创建.nouiConnect类的“groove”背景图像fpr,并对其进行定位,以使“groove”的末端不会延伸到滑块背景的圆边中

在noUiSlider 13中,我无法再将“凹槽”保持在端盖之外。

我尝试过同样的CSS,但是背景位置:左5px中心;这个诡计似乎不再奏效了


操作.noUi目标类背景仍然有效,因为我可以将背景大小缩小10px,然后将其移到上方,以使“凹槽”远离端盖。

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

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

.

你能添加你的CSS吗(最好是在运行的示例中?@Lg102,我很抱歉,groove技巧是在10.0.0中使用的。这是一支笔。在13.1.0中,相同的技巧不起作用-请参阅,非常感谢您的解决方案!