Styling an input type range in webkit.

range.css

input[type='range'] {
    -webkit-appearance: none;
    width:100%;
    height: 15px;
    padding:0;
    border:none;
    background-color:rgb(80, 80, 80);
    background-image:none;
}

input[type='range']:hover {
    background-color: rgb(80, 80, 80);
}

input[type='range']::-webkit-slider-thumb {
    -webkit-appearance:none;
    width:15px;
    height:15px;
    background-color:rgb(155, 155, 155);
    background-image:none;
    background-repeat: no-repeat;
    background-position: 50%;
}

input[type='range']:hover::-webkit-slider-thumb {
	background-color: rgb(50, 155, 255);
}