JSFiddle - React, Tailwind, and code Playground

HTML

<form>
    <input required type = "checkbox" >
    <input type = "submit" >
</form>

CSS

/* remove standard-styles */
  input {
    /*-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;*/
    border:none;
    border-radius: 0;
    font-size: 1em;
    width: 100%
  } 
  
    /* graceful degradation for ie8 */
  input[type='checkbox'],
  input[type='radio'] {
    width:auto;
    float:left;
    margin-right: .75em;
    background:transparent;
    border:none;
  }
      input[type='checkbox']:checked,
  input[type='checkbox']:not(:checked),
  input[type='radio']:checked,
  input[type='radio']:not(:checked) {
    background: transparent;
    position: relative;
    margin:0;
    padding:0;
  }