https://github.com/johanholmerin/range-input-track-styling

Uses CSS Paint API
https://github.com/johanholmerin/range-input-track-styling

Last synced: 2 months ago
JSON representation

Uses CSS Paint API

• Host: GitHub
• URL: https://github.com/johanholmerin/range-input-track-styling
• Owner: johanholmerin
• License: mit
• Created: 2018-02-20T14:47:09.000Z (over 7 years ago)
• Default Branch: master
• Last Pushed: 2018-02-21T11:39:09.000Z (over 7 years ago)
• Last Synced: 2025-02-02T17:39:56.616Z (4 months ago)
• Language: JavaScript
• Homepage: https://johanholmerin.github.io/range-input-track-styling/test.html
• Size: 1.95 KB
• Stars: 0
• Watchers: 3
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Range input track styling

Uses [CSS Paint API](https://caniuse.com/#feat=css-paint-api)

## Usage

```html

  

    input[type="range"] {

      -webkit-appearance: none;

      --track-color: #dadada;

      --track-progress-color: #4184f4;

      --track-height: 2px;

    }

  

  

  

    import register from 'range-input-track-styling';

    register(document.querySelector('input[type="range"]'));

  

```