CSS实现点击事件样式

利用checkbox绑定label实现。点击label时等同于点击checkbox。 <input type="checkbox" id="c1"> <label htmlFor="c1"> 接下来就是将checkbox隐藏掉，visibility: hidden，不能用display:none。接着是定义定义checkbox checked时的事件。在点击时基于label做一些样式处理。 #c1{ &:checked + label:before{ //自定义样式 } }