How can I change range bar cursor color?

Question

My code is

              <input className="range-input" type="range" name="speed" min="0" max="100" 
              value={brightness_value} onChange={handleSliderChange}></input>

Does this help? https://stackoverflow.com/a/57153340/15351296 — Amini, Sep 19 '22 at 08:15

score 0 · Answer 1 · answered Sep 19 '22 at 08:28

0

you can change the color of the cursor like this :

input[type=range]::-ms-thumb {
  background: // your color;
}

Check this website : Style input range, you will find any answers with range input.

answered Sep 19 '22 at 08:28

Yohan_qns

21
6

Thanks but nothing change.. – Sep 19 '22 at 08:31

How can I change range bar cursor color?

1 Answers1