checkbox样式重写
css:
label{font-size:16px;cursor:pointer}
label i{font-size:16px;font-style:normal;display:inline-block;width:16px;height:16px;text-align:center;line-height:16px;color:#fff;vertical-align:middle;margin:-2px 2px 1px 0;border:#e2e1e0 1px solid}
input[type=checkbox],input[type=radio]{display:none}
input[type=radio]+i{border-radius:7px}
input[type=checkbox]:checked+i,input[type=radio]:checked+i{background:#9d6b37}
input[type=checkbox]:disabled+i,input[type=radio]:disabled+i{border-color:#ccc}
input[type=checkbox]:checked:disabled+i,input[type=radio]:checked:disabled+i{background:#ccc}
http://www.cnblogs.com/cnbolg/p/5877734.html