JSFiddle - React, Tailwind, and code Playground

HTML

<input type="checkbox" ></input>

CSS

input[type=checkbox]:checked:before {
    background-color: green;
    border: 10px solid red;
}
input[type=checkbox]:before {
    content:'';
    display:block;
    height:100%;
    width:100%;
    border: 10px solid green;
    background-color: red;
}