如何设置范围输入的样式

Created: November-22, 2018

HTML

<input type="range"></input>

CSS

影响	伪选择器
`Thumb`	`input[type=range]::-webkit-slider-thumb, input[type=range]::-moz-range-thumb, input[type=range]::-ms-thumb`
`Track`	`input[type=range]::-webkit-slider-runnable-track, input[type=range]::-moz-range-track, input[type=range]::-ms-track`
`OnFocus`	`input[type=range]:focus`
`Lower part of the track`	`input[type=range]::-moz-range-progress, input[type=range]::-ms-fill-lower`（目前在 WebKit 浏览器中不可能 - JS 需要）