checkBOX 美化

/*CheckBox 美化*/
    .select-all-row{
        margin-bottom:-5px;
    }
    .select-all-row>div{
        padding-top: 10px;
    }
    #select-all{
        padding-left: 10px;
    }
    #btn-modify{
        padding: 0px;
        margin-right:20px;
        margin-bottom: -1px;
    }
    label {
        cursor:pointer;
    }
    label i {
        font-size:13px;
        font-style:normal;
        display:inline-block;
        width:14px;
        height:14px;
        text-align:center;
        line-height:13px;
        color:#fff;
        vertical-align:middle;
        margin:-2px 2px 1px 0px;
        border:#666 1px solid;
    }
    input[type="checkbox"]{display:none;}
    input[type="checkbox"]:checked + i{color:#666;}
    input[type="checkbox"]:disabled + i{border-color:#666;}
    input[type="checkbox"]:checked:disabled + i {background:#ccc;}