css自定义checkbox之<label><input>纠葛_html/css_WEB-ITnose

来源：动视网责编：小采时间：2020-11-27 16:08:18

css自定义checkbox之<label><input>纠葛_html/css_WEB-ITnose

css自定义checkbox之<label><input>纠葛_html/css_WEB-ITnose:来CSDN的处女问呢：故事起因于我要单纯地用css自定义一个checkbox的样式，然后我是这样做的： input[type=checkbox]{opacity:0;}input[type=checkbox] + label:before{background:#d5d5d5; content:; h

推荐度：

点击下载本文 文档为doc格式

导读css自定义checkbox之<label><input>纠葛_html/css_WEB-ITnose:来CSDN的处女问呢：故事起因于我要单纯地用css自定义一个checkbox的样式，然后我是这样做的： input[type=checkbox]{opacity:0;}input[type=checkbox] + label:before{background:#d5d5d5; content:; h

来CSDN的处女问呢：
故事起因于我要单纯地用css自定义一个checkbox的样式，然后我是这样做的：

input[type="checkbox"]{opacity:0;}input[type="checkbox"] + label:before{background:#d5d5d5; content:""; height: 15px; width: 15px; position: absolute; top: 0; left: 0; }

以上方法我是效仿iCheck插件写的。BUT导师说我的方法不行啊（摔！）
他说：id 滥用会导致日后id重名排查困难，让我用把包裹在里面。
顿时觉得好有道理
。。。。
后来发现这样我就无法单纯地用css实现input样式了，（当然js很好解决）label哪来的【：checked】伪类啊是吧。
有哪位大神能够帮忙解疑么？