JSFiddle - React, Tailwind, and code Playground

HTML

<label for="checkbox1" class="checkbox">
  <input id="checkbox1" type="checkbox" role="checkbox" /><span class="custom">Checkbox</span>
  </label>

CSS

.checkbox input:checked {
    border-color: red;
    background-color:red;
}