JSFiddle - React, Tailwind, and code Playground

HTML

<input type="checkbox" class="my-checkbox" id="one"> <label for="one">Test1</label><br>
<input type="checkbox" class="my-checkbox" id="two" checked> <label for="two">Test2</label>

CSS

.my-checkbox {
    width: 20px;
    height:20px;
    color:#fff;
    -moz-appearance:none;
    -webkit-appearance:none;
    -o-appearance:none;
    border: 0px inset ThreeDFace ! important;
    margin: 5px;
    padding: 5px;
}