Remove and Change noUIslider handle

0
votes

I'm trying to hide the handle (the bar that allows you to drag and the slider.

I'm currently using the nouislider javascript library and now trying to get rid of it.

So far I've tried the following:

Html: 
<div class = 'slider' id='sliderinfo'> </div>
Javascript:
var slider = document.getElementById('sliderinfo');
var hider = slider.getElementsByClassName('.noUi-handle');
hider.remove();
//Separate way of hding

as well as the following somewhat related SO response including these two and I've had no response as to hiding or removing the handle for the slider.

Thanks.

1
javascripthtmlnouislider

1 Answers

1
votes

I found the answer by looking at the bottom of one of the previously accepted answers, although it wasn't clear to me.

.noUi-handle { display:none; }