input[type="range"]{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:8px;background:#ddd;border-radius:5px;margin:10px 0}input[type="range"]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:#b7b7b7;cursor:pointer}input[type="range"]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#b7b7b7;cursor:pointer}input[type="range"]::-ms-thumb{width:20px;height:20px;border-radius:50%;background:#b7b7b7;cursor:pointer}input[type="range"]:hover::-webkit-slider-thumb{background:#b7b7b7}input[type="range"]:hover::-moz-range-thumb{background:#b7b7b7}input[type="range"]:hover::-ms-thumb{background:#b7b7b7}