CSS Input Range Generator

Style a custom range slider — track height and color, thumb size, shape, and color, using vendor-prefixed pseudo-elements, with live preview.

Track Height 6px

Track Radius 3px

Track Color

Fill Color

Thumb Size 20px

Thumb Radius 50%

Thumb Color

100% browser-based — no data sent to any server

style.css