JSFiddle - React, Tailwind, and code Playground

HTML

<input type="checkbox" id="box1" />
<label for="box1">checkbox #1</label>
<hr/>
<input type="checkbox" id="box2" />
<label for="box2">checkbox #2</label>

CSS

input[type="checkbox"]{
    position:absolute;
    visibility:hidden;
    z-index:-1;
}
input[type="checkbox"]:checked + label{
    color:red;
}