表單單選多選項清除默認樣式小技巧

工作中做項目都會遇到表單 單選、多選項的樣式問題，對於一個剛入行的菜鳥來說，可能不知道如何修改很low的選項默認樣式，下表給初學者提供了改變默認樣式的小技巧

首先要清除默認樣式，非常簡單的css：

　　

input{-webkit-user-select:text;-ms-user-select:text;user-select:text;-webkit-appearance:none;font-size:1em;line-height:1.5em;list-style:none;}
input{outline:none;border:none;background:none;}

簡單兩行代碼input-radio/chackbox的默認樣式都會清除掉，接下來用css來控制選中和非選中狀態的樣式

#wrapper input[type="radio"]:checked{
    background:url("img/icon_gx.png") no-repeat center;
    border:none;
}

這里input的大小和寬高設置省略，相信即使菜鳥，這些都不是問題，下邊請看修改后的樣式

是否比默認樣式好看不少呢，本demo提供給初學者！