css checkbox customize checked code example

Example 1: checkbox input in css

//all checkbox
input[type="checkbox"]{
  box-shadow: 0 0 0 3px hotpink;
}

// all checked checkbox
input[type="checkbox"]:checked {
  box-shadow: 0 0 0 3px hotpink;
}

Example 2: custom checkbox with image css

<div>Check me!</div>
<input id="trigger" type="checkbox">
<label for="trigger" class="checker"></label>