小编Oub*_*una的帖子

祝您度过美好的一天，

我目前正在尝试将一些颜色应用于简单的滑块范围。

<Input class="range pr-6 bg-red-500" 
                    type="range" 
                    value="0" min="0" 
                    max="1000" 
                    onChange="rangeSlide(this.value)" 
                    onmousemove="rangeSlide(this.value)"></Input>

像这样改变颜色根本不起作用，我也尝试过文本和边框类。

我做了一些研究并假设我应该使用它来更改滑块：-webkit-slider-thumb

像这样 ：

.range::-webkit-slider-thumb {
  background: #00fd0a;
}

但是我希望只使用顺风而不应用纯CSS样式。如果有人能给我任何见解，我将非常感激。