[SOLVED] How can I change range bar cursor color?

Issue

This Content is from Stack Overflow. Question asked by Leaner

How can I change range bar cursor color?
enter image description here

My code is

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



Solution

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.


This Question was asked in StackOverflow by Leaner and Answered by Yohan_qns It is licensed under the terms of CC BY-SA 2.5. - CC BY-SA 3.0. - CC BY-SA 4.0.

people found this article helpful. What about you?