如何将图像添加到自定义复选框的背面

.custom-checkbox {
  background-image: url('path/to/image.png');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

<label class="custom-checkbox">
  <input type="checkbox">
  <span class="checkbox-label">Checkbox Label</span>
</label>

const checkbox = document.querySelector('input[type="checkbox"]');
checkbox.addEventListener('change', function() {
  if (this.checked) {
    this.parentNode.classList.add('checked');
  } else {
    this.parentNode.classList.remove('checked');
  }
});