Css RangeSlaider thumb Back on track仅适用于firefox浏览器..如何修复？我的代码如下

您好，我使用了两个范围滑块itz值，可以在chrome和safari上使用，但mozilla浏览器不支持我的“尽力而为”无法解决此问题

input[type=range]：第n个子项（1）：-moz-range-thumb{
背景颜色：蓝色；
z指数：999；
}
输入[类型=范围]：第n个子项（2）：-moz范围{
背景颜色：绿色；
}
输入[类型=范围]{
位置：绝对位置；
}

参见此处：

：-moz范围thumb

到FIREFOX

：：-webkit滑块可运行轨迹

到CHROME、SAFARI、OPERA

：-ms thumb

至INTERNET EXPLORER 10+

并且不要使用：

input[type=range]{
  position:absolute;
}

input[type=range]：第n个子项（1）：-moz-range-thumb{
背景颜色：蓝色；
z指数：999；
}
输入[类型=范围]：第n个子项（2）：-moz范围{
背景颜色：绿色；
}
输入[类型=范围]：第n个子项（1）：-webkit滑块可运行轨迹{
背景颜色：蓝色；
z指数：999；
}
输入[类型=范围]：第n个子项（2）：-webkit滑块可运行轨迹{
背景颜色：绿色；
}
输入[类型=范围]：第n个子项（1）：-ms thumb{
背景颜色：蓝色；
z指数：999；
}
输入[类型=范围]：第n个子项（2）：-ms thumb{
背景颜色：绿色；
}

嘿。。。告诉我更多的帮助，我指的是这个家伙…但在轨道后面的滑块拇指如何解决它？我希望两个拇指都在轨迹前方尝试不要使用

input[type=range]{position:absolute；}

告诉我它是否只对你有用IE问题我认为-moz外观：无-ms外观：无-o-外观：无；外观：无；这个元素不起作用嗨，波琳娜，欢迎来到StackOverflow。当您回答问题时，请不仅提供代码，还提供一些解释或文档链接。看见

input[type="range"] {
 pointer-events: none;
}

input[type=range]::-moz-range-thumb 
{
 z-index: 10; 
 pointer-events: all;
}