danielstern / danielstern/range.css

add style for disabled sliders

Open
#31 0 comments 0 reactions 0 assignees View on GitHub
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.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.