label+input实现开关切换效果

        .ipt:checked + .box .switch-btn {
            left: 0;
        }

            .ipt {
                display: none;
            }
            .box {
                width: 74px;
                height: 30px;
                line-height: 30px;
                overflow: hidden;
                border: 1px solid #eee;
                border-radius: 4px;
                position: relative;
                cursor: pointer;
            }
            .ipt:checked + .box .switch-btn {
                left: 0;
            }
            .switch-btn {
                position: absolute;
                left: -37px;
                top: 0;
                width: 111px;
                height: 30px;
                transition: all 0.5s;
            }
            .switch-btn span{
                width: 37px;
                height: 30px;
                display: block;
                text-align: center;            
                float: left;
                font-size: 14px;
            }
            .on {
                background: #52B13C;
                color: white;
            }
            .white {
                background: white;
            }
            .off {
                background: #EEEEEE;
            }