復選框checkbox的默認樣式很難看，以前一直沒有改過，現在查到很多資料，發現利用圖片+css3改變復選框是最簡單的方法；代碼如下
首先需要一張你想要做成復選框的樣子比如這樣
，然后需要設置復選框的css
input[type="checkbox"] {
-webkit-appearance: none; /*清除復選框默認樣式*/
background: #fff url(i/blue.png); /*復選框的背景圖，就是上圖*/
height: 22px; /*高度*/
vertical-align: middle;
width: 22px;
}
結合checked選擇器實現選擇變樣式：
input[type="checkbox"]:checked {
background-position: -48px 0;
}