Styling Cross-Browser Compatible Range Inputs With CSS | CSS-TricksDigitalOcean provides cloud products for every stage of your journey. Get started with $200 in free credit! Styling for range inputs has improved dramatically since the release of IE 10. It is now possible to generate cross-browser compatible range inputs (sliders) using only CSS. In this tutorial, we will take a basic range input (<input type="range">): Screenshot of a range input, Mac Chrome 38
JS Bin
