如何使用Javascript制作自定义范围输入滑块

Question

我在寻找一个能够帮助我创建跨平台兼容范围输入的库。我知道只有css的可能性，但在这种情况下，我宁愿依赖JS解决方案（为了向后兼容）。你现在可以使用我的解决方案吗？

由于提前，

Chrisstar

Answer 1

尝试这个CSS脚本：

input[type=range] { 
    -webkit-appearance: none; 
    width: 100%; 
    background: transparent; 

input[type=range]::-webkit-slider-thumb { 
    -webkit-appearance: none; 
} 

input[type=range]:focus { 
    outline: none; } 

input[type=range]::-ms-track { 
    width: 100%; 
    cursor: pointer; 
    background: transparent; 
    border-color: transparent; 
    color: transparent; 
}