Как изменить форму ползунка?

Question

[lemonlimelike]

Вот два ползунка

<input type="range" id="ratio" style="width:400px; " onMouseDown="clearAnimateRange()" onMouseUp="movedRange()" />

	<input type="range" onMouseMove="changeVolume()" id="volume" value="100" min="0" max="100" />

Они изображены по стандарту, а как изменить их вид?
Изменить возможно по этому материалу?
Или есть другие способы изменения?

Answer 1

[Александр Пеньшин]

https://css-tricks.com/styling-cross-browser-compa...