danielstern / danielstern/range.css
add style for disabled sliders
- Dominant language
- JavaScript
- Stars
- 615
- Forks
- 45
- PR merge metrics
- No merged PRs in 30d
Description
i use `` for output values
disabled sliders are read-only, and should have a different style than writable sliders
for example:
```css
/* disable color + cursor */
input[type=range][disabled]::-webkit-slider-thumb {
background: grey;
cursor: default;
}
input[type=range][disabled]::-webkit-slider-runnable-track {
cursor: default;
}
/* disable hover color */
input[type=range][disabled]:hover::-webkit-slider-runnable-track {
background: white;
}
input[type=range][disabled]:hover::-webkit-slider-thumb {
background: grey;
}
/* hover color */
input[type=range]:hover::-webkit-slider-runnable-track {
background: lightgray;
}
```
Contributor guide
No contributing guide indexed for this repository
Assessment
This issue has not been assessed yet.