How can I change range bar cursor color?

Question

How can I change range bar cursor color?

My code is

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

Answer 1

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.