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 https://stackoverflow.com/questions/44943464/plot-lydash-core-components-slider-color-change 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: