label input {
  display: none;/* <-- kullanılan checkbox kutusunu gizliyoruz */
}
label span {/* <-- yeni checkbox stilimizi veriyoruz */
  height: 10px;
  width: 10px;
  border: 1px solid grey;
  display: inline-block;
}
[type=checkbox]:checked + span {/* <-- seçili olduğunda alacağı şekli veriyoruz */
  background: black;
}

label input { display: none;/* <-- kullanılan checkbox kutusunu gizliyoruz */ } label span {/* <-- yeni checkbox stilimizi veriyoruz */ height: 10px; width: 10px; border: 1px solid grey; display: inline-block; } [type=checkbox]:checked + span {/* <-- seçili olduğunda alacağı şekli veriyoruz */ background: black; }

<label>
  <input type='checkbox'>
  <span></span>
  Checkbox label text
</label>

<label> <input type='checkbox'> <span></span> Checkbox label text </label>