css自定义checkbox之<label><input>纠葛_html/c

来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】伪类啊是吧。
有哪位大神能够帮忙解疑么？

回复讨论(解决方案)

你再加个span不就行了

 input[type="checkbox"]{opacity:0;}input[type="checkbox"] + span:before{background:#d5d5d5;      content:"　";  }input[type="checkbox"]:checked + span:before{background:#ff0000;  }       xxxxxxxxxxxxxxxxxxx  

问题确实按此解决了，谢谢！

查看更多关于css自定义checkbox之<label><input>纠葛_html/c的详细内容...