JSFiddle - React, Tailwind, and code Playground

HTML

<div class="cb_wrap">
<input type="checkbox" />
<div class="cp_dummy"
</div>

CSS

.cb_wrap{
  position: relative            
}

input{
  opacity: 0;  
  position: relative;
  z-index: 10;
}

.cp_dummy{
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;  
  width: 15px;
  height: 15px;
  background: #f00;    
}

input:checked + .cp_dummy{
  background: #0f0;   
}