Html 合并两个输入范围

我想合并两个输入范围可拖动的拇指，并在它们重叠时停止拖动。我还想更改范围轨迹颜色，但

input:：-moz范围轨迹

不起作用

这是我当前的代码

。价格滑块{
位置：相对位置；
宽度：420px；
保证金：0自动20px；
高度：.8em；
文本对齐：居中；
}
.价格滑块输入{
指针事件：无；
位置：绝对位置；
左：0；
顶部：15px；
宽度：100%；
大纲：无；
高度：.8em；
保证金：0；
填充：0；
边框：1px实心#aaa；
-webkit外观：无；
}
.价格滑块输入：：-webkit滑块拇指{
指针事件：全部；
位置：相对位置；
z指数：1；
大纲：0；
背景色：#1E86D2；
边框：1px实心#D3；
宽度：1.2米；
高度：1.2米；
-webkit外观：无；
}
.价格滑块输入：：-moz范围拇指{
指针事件：全部；
位置：相对位置；
z指数：1；
大纲：0；
寡妇：24px；
边界半径：12px；
背景色：白色；
边框：2件纯黑；
-moz外观：无；
}

范围：{range2.value-range1.value}