Skip to content
Styling Cross-Browser Compatible Range Inputs with Sass
CSS HTML
Branch: master
Clone or download
darlanrod Merge pull request #17 from darlanrod/dev
Range track and thumb tweaks for Mozilla Firefox.
Latest commit b913aef Jul 26, 2019

README.md

Styling Cross-Browser Compatible Range Inputs with Sass / SCSS

Sass component for customizing the input range using the native properties of each browser. Based on article Styling Cross-Browser Compatible Range Inputs with CSS from CSS Tricks blog.

NPM Package

npm i input-range-scss

Features

  • Variables for easy customization
  • Uses the native properties of each browser
  • Preserves accessibility
  • Cross-browser compatible

Example

Input range native and custom on browsers

Changelog

To see the change history of this project, check out the changelog.md file.

See Also

Input range browser support

You can’t perform that action at this time.