使用CSS在复选框中显示自定义的勾号、叉号和减号图标

input[type="checkbox"]:checked::before {
  content: "\2713"; /* Unicode编码，表示勾号 */
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url(勾号图标的URL) no-repeat center center; /* 使用背景图设置图标 */
}

input[type="checkbox"]:checked::before {
  content: "\2717"; /* Unicode编码，表示叉号 */
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url(叉号图标的URL) no-repeat center center; /* 使用背景图设置图标 */
}

input[type="checkbox"]:checked::before {
  content: "\2212"; /* Unicode编码，表示减号 */
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url(减号图标的URL) no-repeat center center; /* 使用背景图设置图标 */
}