JSFiddle - React, Tailwind, and code Playground

by Will Stott

HTML

<div class="feedback_checkbox checked">
  <input type="checkbox" name="scales" class="remote_checked" checked>
</div>

CSS

input[type=checkbox]::before {
    content: "";
    display: block;
    width: 90%;
    height: 90%;
    background: lightgrey;
    border: solid 1px grey;
    margin-left: 75%;
    border-radius: 25%;
    box-sizing: border-box;
}

input[type=checkbox][checked]::before {
  content: "✔";
}