html和css中如何自定义复选框和单选框

1、默认的复选框如图。

2、可以通过伪类和label标签来实现。首先使用伪元素:before添加一个“复选框”.如图。

4、复选框的选中之后加上不同的样式。如图。

6、最后隐藏掉原来的复选框。如图所示。