How to change the slider color?

Hi everybody, I’m interested in change the color of the dcc.Slider, not the markers. I’ve read on stackoverflow that it’s possible just adding an external css file. Since in my dashboard there are different slider and I want to change the color just for one, not for all, is there a way to set the #id property for the css? In the case of an affirmative response, how could this external stylesheet interact with a predefined bootstrap theme?

1 Like

Hi @Vicodin

Thanks for the link, I wanted to change the color of the RangeSlider line and reading the properties in the documentation I thought that whare not possible.

For changing just one of the slider use:

#mysliderid .rc-slider-track {
  background-color: indigo;

It works for me. :smiley: