Remove Checkbox

Styled remove toggle that hides the checkbox.

by Lenggo007

HTML

<link rel="stylesheet" href="https://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css">
<div>

<input id="box1" type="checkbox" class="deleter">
<label class="deleter" for="box1">Delete Me! 
  <span class="glyphicon glyphicon-remove remove"></span>
  <span class="glyphicon glyphicon-refresh readd"></span>
</label>

</div>

CSS

input[class="deleter"]:checked + label.deleter {
  text-decoration: line-through;
  font-style: italic;
}

input[class="deleter"] {
  display: none;
}

input[class="deleter"]:not(:checked) + label.deleter > span.readd {
  display: none;
}
input[class="deleter"]:checked + label.deleter > span.remove {
  display: none;
}