input[type=range]{-webkit-appearance:none;width:100%;height:8px;background:#ddd;border-radius:5px;outline:none;margin:10px 0}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;background:#0077cc;border-radius:50%;cursor:pointer;box-shadow:0 0 2px #000}input[type=range]::-moz-range-thumb{width:20px;height:20px;background:#0077cc;border-radius:50%;cursor:pointer}