JSFiddle - React, Tailwind, and code Playground

HTML

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

CSS

#test {
  width: 60px;
  height: 60px;
  appearance: none;
  cursor: pointer;
  -webkit-appearance: none;
  border: 1px solid black;
}

#test:checked{
  background-color: grey;
}