JSFiddle - React, Tailwind, and code Playground

HTML

<input type="checkbox" />

CSS

input[type="checkbox"]::-ms-check {
    display: none;
}
input[type="checkbox"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    
    height: 1.5em;
    width: 1.5em;
    
    border: 1px solid silver;
}

input[type="checkbox"]:checked {
    background-color: green;
}