前端中的input類標簽中的radio和checkbox前面的選框的樣式是不能改變的，但是這往往會造成我們在用起來時候樣式的局限性，以下是改變樣式的方法：隱藏默認樣式，並將自己喜歡的樣式作為背景圖片顯示；
首先：將默認樣式隱藏，代碼為
input[type = "radio"] {
display: none;
}
raido的樣式為：
第二步：加入背景圖片
因為我的圖片的大小為15乘30，所以我為背景圖片留出至少15的空間即可；
設置鼠標滑過的時候，樣式改變，只需要改變背景圖片的定位就好，
；
原圖片為：
整體代碼如下：
