纯CSS实现radio和checkbox的效果

CSS代码，主要是通过一个子节点span匹配input:checked兄弟选择器来修改style.reset-radio{display:inline-block;位置：相对；宽度：16px；height:16px;}.reset-radio.real-target{z-index:1;宽度：100%；高度：100%；位置：绝对；显示：内联块；背景：#ffffff；边框：1px实心#dadde0；边界半径：100%；顶部：0；左：0；bottom:0;}.reset-radioinput[type=radio]{cursor:pointer;z-指数：2；宽度：16px；高度：16px；不透明度：0；位置：绝对；左：0；顶部：0；保证金：0；右：0；底部：0;}.reset-radioinput:checked+span{border-color:#48b4ec;}.reset-radioinput:checked+span::before{content:'';:绝对琵琶;背景：#48b4ec；宽度：6px；高度：6px；顶部：50%；左：50%；转换：翻译（-50%，-50%）；border-radius:100%;}演示效果radiocheckboxreset-checkboxreset-checkbox原理相同，不再赘述