/CSS/Style input type range shaded part only

Style input type range shaded part only

/*Chrome*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
    input[type='range'] {
      overflow: hidden;
      width: 80px;
      -webkit-appearance: none;
      background-color: #9a905d;
    }
    
    input[type='range']::-webkit-slider-runnable-track {
      height: 10px;
      -webkit-appearance: none;
      color: #13bba4;
      margin-top: -1px;
    }
    
    input[type='range']::-webkit-slider-thumb {
      width: 10px;
      -webkit-appearance: none;
      height: 10px;
      cursor: ew-resize;
      background: #434343;
      box-shadow: -80px 0 0 80px #43e5f7;
    }

}
/** FF*/
input[type="range"]::-moz-range-progress {
  background-color: #43e5f7; 
}
input[type="range"]::-moz-range-track {  
  background-color: #9a905d;
}
/* IE*/
input[type="range"]::-ms-fill-lower {
  background-color: #43e5f7; 
}
input[type="range"]::-ms-fill-upper {  
  background-color: #9a905d;
}

Source: stackoverflow.com

Similar codes

0 vote198 views1 answer
How to use css on a react icon
CSS
3 votes221 views1 answer
Css transition visibility
CSS
0 vote242 views1 answer
How to see applications installed by wine cmd
CSS
0 vote202 views1 answer
Input padding without changing width
CSS
1 vote243 views1 answer
Bot page description background selector top.gg
CSS
16 votes215 views1 answer
Rgb purple color
CSS
12 votes264 views1 answer
Css curve table border
CSS
33 votes193 views6 answers
Linear gradient css
CSS
4 votes223 views5 answers
Bootstrap img src
CSS Bootstrap
0 vote212 views1 answer
Ubuntu tor browser verification failed
CSS