Generate CSS to style range inputs that look consistent across all browsers
View Demo 🏗️
🔖 To learn more, check out my Smashing Magazine article describing the quirkiness of the range input.
Range inputs have notoriously been a pain to style. Each browser renders the input differently requiring you to use vendor prefixes in order to create a cohesive look and feel. To speed up the process, I created this tool to make it easier for you to create custom range inputs that will look awesome and consistent across all browsers!
- Plain ol' HTML, CSS, and JS
- MVP.css - Minimalist stylesheet for HTML elements
- Fork the Project
- Create your Feature Branch (
git checkout -b feature/AmazingFeature) - Commit your Changes (
git commit -m 'Add some AmazingFeature') - Push to the Branch (
git push origin feature/AmazingFeature) - Open a Pull Request
Distributed under the MIT License. See LICENSE for more information.
Alyssa Holland - @alyssa_codes - [email protected]
Project Link: https://github.com/Cool-Runningz/range-input.css