如何使用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; 
}