Checkbox state
.token input + span::before {
content: "not checked";
}
.token input:checked + span::before {
content: "checked";
}
<label class="token"> <input type="checkbox"> <span></span> </label>
.token input + span::before {
content: "not checked";
}
.token input:checked + span::before {
content: "checked";
}
<label class="token"> <input type="checkbox"> <span></span> </label>