How to customize the HTML5 input range type looks using CSS?
input[type=”range”] { -webkit-appearance: none !important; background:red; height:7px; } input[type=”range”]::-webkit-slider-thumb { -webkit-appearance: none !important; background:blue; height:10px; width:10px; }