slider html5 styling

by rastrano

HTML

<input style=" width:75%" ;="" class="3dinputbox" id="xaxis" type="range" value="0" min="-360" max="360" step="1">

CSS

input[type="range"]{
   -webkit-appearance:none !important;
       height: 20px; background-color: red;
 }

 input[type="range"]::-webkit-slider-thumb{
   -webkit-appearance:none !important;  
  height: 20px;
width:10px;    background-color: black;
}