More Information.

CSS Range Sliders Setting a Background Colour













CSS Based Range Slider Demo



This is a simple demonstration of CSS based range sliders. In this case I'm changing the background colour of a rectangle in accordance with the rgb values selected using the sliders. As an alternative to CSS range sliders you can use the jQuery UI sliders which are more versatile to work with programmatically but quite difficult to style