css 改变checkbox样式

可以通过以下步骤改变 checkbox 的样式：

1. 隐藏原生的 checkbox：

input[type="checkbox"] {
  display: none;
}

2. 创建自定义的 checkbox 样式：

.checkbox {
  display: inline-block;
  width: 20px;
  height: 20px;
  border: 1px solid #ccc;
  background-color: #fff;
}

.checkbox.checked {
  background-color: #ccc;
}

3. 在 label 中使用自定义的 checkbox 样式，并与原生的 checkbox 绑定：

<label>
  <div class="checkbox"></div>
  <input type="checkbox" onchange="this.previousElementSibling.classList.toggle('checked')" />
  Label Text
</label>

这样就可以通过 CSS 改变 checkbox 的样式了。