Answers for "how to use icon as checkbox in html"

CSS
1

custom checkbox with image css

#trigger {
  display: none;
}
.checker {
  background-image: url(assets/checkboxes.png);
  background-position: left center;
  background-size: auto 100%;
  width: 40px;
  height: 40px;
  background-repeat: no-repeat;
}
#trigger:checked + .checker {
  background-position: right center;
}
Posted by: Guest on May-07-2020
1

custom checkbox with image css

<div>Check me!</div>
<input id="trigger" type="checkbox">
<label for="trigger" class="checker"></label>
Posted by: Guest on May-07-2020

Browse Popular Code Answers by Language