有人可以向我解释一下如何使这两个滑块轨道具有不同的颜色吗？
非常感谢，因为我正在为看似“简单”的东西（如果我错了，表示歉意）把头发撕掉。
input[type=range]::-webkit-slider-runnable-track{
background-color:red;
}<input type="range">
'
'
'
<input type="range">
如何为两个范围滑块提供不同的跟踪颜色？
•
问答
gajba 回答：如何为两个范围滑块提供不同的跟踪颜色？
尝试此CSS
input[type=range]:nth-child(1)::-webkit-slider-runnable-track{
background-color:red;
}
input[type=range]:nth-child(2)::-webkit-slider-runnable-track{
background-color:green;
}
输出
您可以为输入元素分配不同的类，并提供各自的背景色。请参考下面的代码段。
input[type=range].bgRed::-webkit-slider-runnable-track{
background-color:red;
}
input[type=range].bgBlue::-webkit-slider-runnable-track{
background-color:blue;
}<input type="range" class="bgRed">
'
'
'
<input type="range" class="bgBlue">
输出：
