Я использую эти стили:
/** noUISlider overrides */
.noUi-horizontal
height: 20px
.noUi-target
background: #e0e0e0
border-radius: 20px
border: 0
box-shadow: none
.noUi-connect
background: #21528d
margin: 0 10px
.noUi-handle
border-radius: 10px
border: 2px solid #21528d
box-shadow: none
width: 20px !important
height: 20px !important
left: 0px !important
top: 0px !important
.noUi-handle-upper
left: -20px !important
.noUi-handle:after
display: none
.noUi-handle:before
width: 8px
height: 8px
border-radius: 10px
top: 4px
left: 4px
background: #c3c3c3
Что приводит к этому ползунку:
![Slider screenshot 1](https://i.stack.imgur.com/4R7eD.png)
, что именноЯ хочу.Проблема возникает, когда я полностью сдвигаю верхнюю ручку до 0:
![Slider screenshot 2](https://i.stack.imgur.com/gOf8u.png)
Крепления верхней границы на правой стороне и якоря нижней границына левой стороне .... это означает, что верхняя граница фактически скользит за нижнюю границу и располагается слева от нее на последнем скриншоте.
Это должна быть простая настройка стиля, но у меня нетудалось выяснить, как это сделать, и я надеюсь, что кто-то уже решил эту проблему и может поделиться ответом.