JSFiddle - React, Tailwind, and code Playground

by Ajay Shrestha

HTML

<label><input type='checkbox' name='thing' value='valuable' id="thing"/><span></span></label>

CSS

input[type=checkbox] {
display:none;
}
 
input[type=checkbox] + span
{
background: #999;
height: 16px;
width: 16px;
display:inline-block;
padding: 0 0 0 0px;
}
input[type=checkbox]:checked + span
{
background: #0080FF;
height: 16px;
width: 16px;
display:inline-block;
padding: 0 0 0 0px;
}