JSFiddle - React, Tailwind, and code Playground

by batcave

HTML

<input type="checkbox" class="checkbox">

CSS

html {
  box-sizing: border-box;
}

.checkbox {
  position: relative;
  width: 2rem;
  height: 2rem;
  box-sizing: border-box;
}

.checkbox::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 2rem;
  height: 2rem;
  content: '';
  border: 3px solid red;
  box-sizing: border-box;
}