.checkbox-mi input {
    opacity: 0;
    position: absolute;
    z-index: 2;
}

.checkbox-mi span {
    height: 12px;
    width: 12px;
    display: inline-block;
    background: url('../images/icons/unchecked.png') no-repeat center;
    vertical-align: middle;
    margin-top: -4px;
    margin-right: 5px;
}

.checkbox-mi label {
    font-weight: normal;
    display: inline-block;
}

.checkbox-mi input:checked + span {
    background-image: url('../images/icons/checked.png');
}

/*
该样式用于自定义checkbox样式，对应的html格式如下：
<div class="checkbox-mi">
      <input type="checkbox" id="cb1" checked />
      <span></span>
      <label for="cb1">文本</label>
</div>
*/