JSFiddle - React, Tailwind, and code Playground

by Will Stott

HTML

<input class="range-one" type="range" min="0" max="100"/>
<input class="range-two" type="range" min="0" max="100"/>

CSS

range-one::-webkit-slider-thumb {
    background-color: #3b444e;
    border: 2px solid red;
    box-shadow: none
}

range-two::-moz-range-thumb,
range-two::-webkit-slider-thumb
{
    background-color: #3b444e;
    border: 2px solid #fff;
    box-shadow: none
}