javascript - 范围滑块无法与标签一起正常工作

Question

我已经创建了带有离子范围滑块的滑块，它工作良好但不是预期的。

请看这里的小提琴：

[jsfiddle]: https://jsfiddle.net/rudratosh/7wg1p86e/3/
https://jsfiddle.net/rudratosh/7wg1p86e/3/

我正在尝试构建类似于剪切滑块中给出的东西。请点击链接：

[ref]: (https://www.jamesallen.com/loose-diamonds/all-diamonds/)
https://www.jamesallen.com/loose-diamonds/all-diamonds/

我不能做的是，当我点击线条和文字时，它没有正确滑动。请查看两个链接。还尝试了多个滑块，例如 noui 滑块和其他滑块，但没有任何效果。

如果有人可以更改当前的小提琴或建议其他一些代码，将不胜感激。

Answer 1

只需将其添加CSS到您的小提琴中并检查..

.irs--round .irs-line {
  height: 31px;
  background-color: transparent;
}

.irs--round .irs-line:after {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  width: 100%;
  height: 4px;
  background-color: #dee4ec;
  z-index: 0;
}