JSFiddle - React, Tailwind, and code Playground

HTML

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

CSS

input[type=checkbox]:before {
  content:'';
  display:inline-block;
  width:24px;
  height:24px;
  margin-top:-8px;
  margin-left:-12px;
  border: 1px solid gray;
  background-color:white;
}
input[type=checkbox]:checked:before {
  background-color:black;
}