使用CSS3实现输入多选框自定义样式
时间：2023-03-30 15:15:45
CSS
原理：先隐藏input元素，然后用CSS设置label元素的样式（其他元素也可以）。选中的样式使用input:check+label选中标签，不用图片和JS效果预览html代码男
女 CSScode.radio{位置：相对；显示：内联块；margin-right:12px;}.radioinput{width:15px;高度：15px；appearance:none;/*清除默认样式*/-webkit-appearance:none;不透明度：0；大纲：无；z-指数：8；勾选*/}.radiolabel{position:absolute;左：0；顶部：6px；宽度：15px；高度：15px；border:1pxsolid#3582E9;}.radioinput:checked+label::after{content:"";位置：绝对；左：4px；顶部：0px；/*这里显示矩形的一半边框然后旋转45度实现对勾样式*/width:5px;高度：12px；border-right:1pxsolid#000000;边界-底部：1px实心#000000；变换：旋转（45度）；}
