JSFiddle - React, Tailwind, and code Playground

HTML

<input type="checkbox" id="first" />
<label for="first" id="first">Here! A Checkbox!</label>

CSS

input[type=checkbox] {
  height:0px;
}
input[type=checkbox]::after {
  height:12px;
  width:12px;
  content:"\00a0\00a0\00a0\00a0";
  border:1px solid black;
}
input[type=checkbox]:checked::after {
  height:12px;
  width:12px;
  background-color:cyan;
  content:"âś“";
  border:1px solid black;
}