Change color of range slider dot

.range-cloud {
background-color: red !important;
&:after {
border-top-color: red !important; 
}
}

.range-field input[type="range"] {
&::-webkit-slider-thumb {
background: green !important;
}
&::-moz-range-thumb {
background: green !important;
}
&::-ms-thumb {
background: green !important;
}
}

anuragd7 commented 5 years ago

Could you share the corresponding html code so I can see where the classes are applied? Thanks

---

Arkadiusz Idzikowski staff commented 5 years ago

This code is for the material slider example from our documentation. These classes are applied to components internal code, you can check the structure of the component by inspecting it in your developer tools.

<mdb-range-input id="range" min="0" max="100"></mdb-range-input>

---