Ручка noUiSlider имеет две маленькие вертикальные линии, которые не исчезают после стилизации.

Я изменил стиль ручек noUiSlider. Я получил форму, которую хотел, узкие вертикальные линии. Но я обнаружил, что форма ручек по умолчанию имеет двойные короткие линии, и они не исчезают после изменения стиля. Вы можете увидеть двойные короткие линии под ручками. Может ли кто-нибудь помочь убрать двойные короткие строки в дескрипторах по умолчанию?

введите здесь описание изображения


handle nouislider
person xxg    schedule 07.11.2020    source источник

Ответы (1)


arrow_upward
2
arrow_downward

Я только что понял это сам. Добавьте ниже в CSS, после чего двойные линии в дескрипторах noUiSlider исчезнут.

.noUi-handle:before, noUi-handle:after {
display: none;
}
person xxg    schedule 07.11.2020