How to change the color of a slider control

To change the color of a slider control;

• Open Designer Interface,
• Go to the ‘Stylesheet’ module.
• Add a new stylesheet.
• Enter the CSS rule for changing the color of a slider control.
• Save the stylesheet by clicking on the “Save” button.

/* handle */
.ui-slider-handle {
    background-color: antiquewhite!important;
}

/* bar*/
.slidercontrol {
    background-color: violet;
}