search

seiyria / bootstrap-slider

A slider control for Bootstrap 3 & 4.
http://seiyria.github.io/bootstrap-slider/
Other
3k stars 1.14k forks source link

How can I custom the range slider CSS style that generated by JS? #955

Closed devhoussam closed 3 years ago

devhoussam commented 3 years ago

I want to custom the.slider-handle.max-slider-handle {} CSS Style

Here is the result that I want to achieve :

Image of Yaktocat

instead of left: 100%; in .slider-handle.max-slider-handle {} I want to add only left: 95%;

I already tried to add my own custom CSS by declaring the class in CSS but this style it generated by JS how can I change it?

seiyria commented 3 years ago

You can always use CSS and !important to do this. It's not ideal, but in general we try not to make styles you need to override like that. Given that this is the slider knob, you want it to be in the right position. You probably instead want to move the entire slider over 5%? Either way; CSS can be used here.

devhoussam commented 3 years ago

I already try to this but not working the JS remove the CSS Style .....