CODEWITHSUNDEEP
jquerycssjquery-uistyles
KyelJmD
KyelJmD

Reputation: 4732

Styling the JQuery UI Slider

This is my markup for the JQuery UI slider

<li class = "volume">
    <div class = "slider-vertical" style="height:50px; margin-left:4px;
     margin-top:-60px; background-color: black;" hidden></div>
</li>

I have used an inline styling for this. my question is that how come the color of the jquery slider is not changing? even though I've set it to black?

Upvotes: 2

Views: 8952

Answers (1)

Rondel
Rondel

Reputation: 4951

Instead of trying to apply inline styles to the slider, you should use jQuery UI Themeroller to style your UI components and generate a custom CSS file for your implementation.

Lots of the jQuery UI components utilize images as the background so updating the background color often will not have the desired effect. Using the Themeroller will give you the best possible results.

Upvotes: 2

Related Questions