JSFiddle - React, Tailwind, and code Playground

HTML

<input type="checkbox">

CSS

input[type=checkbox] {
	width: 23px;
	height: 23px;
	-webkit-appearance: none;
   	-moz-appearance:    none;
   	appearance:         none;
	margin-right: 10px;
	background-color: #878787;
	outline: 0;
	border: 0;
	display: inline-block;
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	box-shadow: none !important;
}
input[type=checkbox]:focus {
		outline: none;
		border: none !important;
		-webkit-box-shadow: none !important;
		-moz-box-shadow: none !important;
		box-shadow: none !important;
}
input[type=checkbox]:checked {
    background-color: green;
    text-align: center;
    line-height: 15px;
}