html checkbox 样式

可以使用 CSS 来自定义 HTML checkbox 的样式，例如：

<input type="checkbox" id="myCheckbox">
<label for="myCheckbox">Checkbox</label>

/* 隐藏默认的 checkbox */
input[type="checkbox"] {
  display: none;
}

/* 自定义 checkbox 样式 */
label {
  display: inline-block;
  position: relative;
  padding-left: 25px;
  margin-right: 10px;
  cursor: pointer;
}

label:before {
  content: "";
  display: inline-block;
  width: 15px;
  height: 15px;
  border: 1px solid #ccc;
  position: absolute;
  left: 0;
  top: 1px;
}

input[type="checkbox"]:checked + label:before {
  content: "\2713";
  font-size: 12px;
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}

上面的 CSS 样式定义了一个自定义的 checkbox 样式，点击 label 标签即可切换 checkbox 的选中状态。具体样式可以根据需求进行调整。