JSFiddle - React, Tailwind, and code Playground

by J. Albert Bowden

HTML

<label for="ranger">input range</label>
<input type="range" id="ranger" />

<input type="radio" id="radioer" />
<label for="radioer">input radio</label>

<input type="checkbox" id="checkboxer" />
<label for="checkboxer">input checkbox</label>

CSS

input,label{display:block}
::-webkit-slider-thumb{-webkit-appearance: none !important;}
::-moz-slider-thumb{-moz-appearance: none;}
input[type=range],
input[type=radio],
input[type=checkbox]{
    
    width: 1.2em;
    height: 1.2em;
    border: 10px solid black;
    background:;
}