JSFiddle - React, Tailwind, and code Playground

HTML

<form id="myform">
    <div class="editor-label">
        <input class="check-box" data-val="true" id="Persistent" name="Persistent" type="checkbox" value="true" />
        <input name="Persistent" type="hidden" value="false" />
        <label for="Persistent">Keep me!</label>
    </div>
    <input type="submit" value="submit" />
</form>

CSS

input[type="checkbox"] {
    background: transparent;
    border: inherit;
    width: auto;
}
input[type=checkbox] {
    display: none;
}
input[type=checkbox] + input + label,
input[type=checkbox] + label,
div:not(#foo) > input[type=checkbox] + label,
div:not(#foo) > input[type=checkbox] + input + label {
    cursor: pointer;
    height: 16px;
    padding: 0 0 0 18px;
    background: #FF0;
}
input[type=checkbox]:checked + input + label,
input[type=checkbox]:checked + label,
div:not(#foo) > input[type=checkbox]:checked + label,
div:not(#foo) > input[type=checkbox]:checked + input + label {
    background: #0FF;
}
.ie6 input[type=checkbox],
.ie7 input[type=checkbox],
.ie8 input[type=checkbox] {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

JavaScript

$(document).ready(function(){
    $("#myform").submit(function(){
        // prevent submitting form, because this is a demo
        return false;
    });
});