纯CSS美化单复选框（checkbox、radio）

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