自定义checkbox 发表于 2021-10-17 分类于 前端 / CSS 阅读次数: Changyan: input:checkbox 配合 label 外层用 div 容器包裹 input 改 display: none ,label 改 display: block 并 opacity: 0 当选中 label 时,input 会把状态改为 checked 最后再利用 :checked 伪类选择器 和 input:checked + label 相邻兄弟选择器设置 label 的 opacity: 1 See the Pen 自定义checkbox by JingW (@JingW) on CodePen.