noUiSlider noUi-连接背景图像偏移

Question

在noUiSlider 10中，我能够使用渐变创建.noUi-connect类的“凹槽”背景图像，并对其进行定位，以使“凹槽”的末端不会延伸到滑块的圆角边缘中背景。

在noUiSlider 13中，我不再能够将“凹槽”保持在端盖之外。

我尝试了相同的CSS，但是背景位置：中心距5px；把戏似乎不再起作用。

操纵.noUi-target类背景仍然有效，因为我可以将背景尺寸缩小10像素，然后将其移到上方，以使“凹槽”脱离端盖。

Answer 1

您可以稍微调整noUi-connects元素的大小以达到此效果：

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

Updated CodePen。