如何使用CSS3伪类选择器自定义勾选的复选框

1、第一，打开HBuilderX工具，新建页面文件，然后插入一个表单，包含三个复选框

2、第二，添加样式标签style，利用form元素选择器，设置表单宽度、内外间距和边框样式

3、第三，利用类选择器，设置主体和内容部分样式，改为行块元素，并进行相对定位

4、第四，再使用类和元素组合的包含选择器，设置input和span样式，如间距、宽度等

5、第五，在第一个span标签插入对号，然后使用属性和标签组合的相邻选择器，设置复选框左侧的透明度

6、第六，使用复选框（单选按钮）伪类选择:checked，设置被选中的样式，透明度值为1，字体为红色；保存并打开浏览器，预览效果