Javascript &引用；指针事件：无“；论范围输入

我需要开发一个从到值的输入范围，并将其用作基本输入：

代码笔链接：

正文{
背景色：#666；
利润率：100px 50px；
}
[滑块]{
位置：相对位置；
高度：14px；
边界半径：10px；
文本对齐：左对齐；
利润率：45px 0 10px 0；
}
[滑块]>div{
位置：绝对位置；
左：13px；
右：15px；
高度：14px；
}
[滑块]>div>[左反转]{
位置：绝对位置；
左：0；
高度：14px；
边界半径：10px；
背景色：#CCC；
利润率：0.7px；
}
[滑块]>div>[右反转]{
位置：绝对位置；
右：0；
高度：14px；
边界半径：10px；
背景色：#CCC；
利润率：0.7px；
}
[滑块]>div>[范围]{
位置：绝对位置；
左：0；
高度：14px；
边界半径：14px；
背景色：#1ABC9C；
}
[滑块]>div>[拇指]{
位置：绝对位置；
顶部：-7px；
z指数：2；
高度：28px；
宽度：28px；
文本对齐：左对齐；
左边距：-11px；
光标：指针；
盒影：0 3px 8px rgba（0,0,0,0.4）；
背景色：#FFF；
边界半径：50%；
大纲：无；
}
[滑块]>输入[类型=范围]{
位置：绝对位置；
指针事件：无；
-webkit外观：无；
z指数：3；
高度：14px；
顶部：-2px；
宽度：100%；
-ms过滤器：“progid:DXImageTransform.Microsoft.Alpha（不透明度=0）”；
过滤器：alpha（不透明度=0）；
-moz不透明度：0；
-khtml不透明度：0；
不透明度：0；
}
div[滑块]>输入[类型=范围]：-ms轨迹{
-webkit外观：无；
背景：透明；
颜色：透明；
}
div[滑块]>输入[类型=范围]：-moz范围轨迹{
-moz外观：无；
背景：透明；
颜色：透明；
}
div[slider]>input[type=range]：焦点：--webkit slider可运行轨迹{
背景：透明；
边界：透明；
}
div[滑块]>输入[类型=范围]：焦点{
大纲：无；
}
div[滑块]>输入[类型=范围]：-ms thumb{
指针事件：全部；
宽度：28px；
高度：28px；
边界半径：0px；
边界：0无；
背景：红色；
}
div[slider]>input[type=range]：-moz range thumb{
指针事件：全部；
宽度：28px；
高度：28px；
边界半径：0px；
边界：0无；
背景：红色；
}
div[slider]>input[type=range]：-webkit滑块拇指{
指针事件：全部；
宽度：28px；
高度：28px；
边界半径：0px；
边界：0无；
背景：红色；
-webkit外观：无；
}
div[滑块]>输入[类型=范围]：-ms填充下限{
背景：透明；
边界：0无；
}
div[滑块]>输入[类型=范围]：-ms填充上限{
背景：透明；
边界：0无；
}
div[滑块]>输入[类型=范围]：-ms工具提示{
显示：无；
}
[滑块]>div>[符号]{
不透明度：0；
位置：绝对位置；
左边距：-11px；
顶部：-39px；
z指数：3；
背景色：#1ABC9C；
颜色：#fff；
宽度：28px；
高度：28px；
边界半径：28px；
-webkit边界半径：28px；
对齐项目：居中；
-webkit内容：中心；
证明内容：中心；
文本对齐：居中；
}
[滑块]>div>[符号]：之后{
位置：绝对位置；
内容：''；
左：0；
边界半径：16px；
顶部：19px；
左边框：14px实心透明；
右边框：14px实心透明；
边框顶部宽度：16px；
边框顶部样式：实心；
边框顶部颜色：#1ABC9C；
}
[滑块]>div>[sign]>span{
字体大小：12px；
字号：700；
线高：28px；
}
[滑块]：悬停>分割>[符号]{
不透明度：1；
}

30
60

看一看：谢谢@Alex，我看过了，但我还是无法让它工作。。。如果需要，您可以使用上面的示例！：）你运行的是什么IE版本？它需要从IE11向上运行。请在你的问题中包含代码，而不仅仅是链接到它。