带有在IE上不起作用的自定义图像的复选框

<input type="checkbox" id="custom-checkbox">
<label for="custom-checkbox"></label>

#custom-checkbox {
  display: none; /* 隐藏原生复选框 */
}

#custom-checkbox + label {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url('custom-checkbox-image.png'); /* 自定义图像的URL */
  background-size: contain;
  background-repeat: no-repeat;
  cursor: pointer;
}

#custom-checkbox:checked + label {
  background-image: url('custom-checkbox-checked-image.png'); /* 自定义选中状态的图像URL */
}

// 检测IE浏览器
var isIE = /Trident/.test(navigator.userAgent);

// 如果是IE浏览器，将自定义图像的复选框样式替换为普通复选框样式
if (isIE) {
  var checkbox = document.getElementById('custom-checkbox');
  var label = checkbox.nextElementSibling;

  checkbox.style.display = 'inline-block';
  label.style.display = 'none';
}