/input-range-scss

Styling Cross-Browser Compatible Range Inputs with Sass

Primary LanguageCSSMIT LicenseMIT

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