jQuery rangeslider styling - maikelbos0/VDT GitHub Wiki

The rangeslider only provides very basic styling in the provided style sheet jquery-rangeslider.style.css; you can use this as a template to create your own style. The various css classes the slider uses are:

  • .rangeslider is the original element and the main container of the slider
  • .rangeslider-input is the hidden input field that contains the current value
  • .rangeslider-thumb is the element that can be dragged along the track
  • .rangeslider-track is the track along which the thumb is dragged