我們在實(shí)際的工作過程中，表單的很多控件都需要美化、修飾，以滿足更多的客戶需求，今天介紹一下單選框Radio和多選框checkbox的美化的方法，供大家參考、學(xué)習(xí)。
使用magic-check
magic-check只用了幾十行CSS代碼就可以實(shí)現(xiàn)checkbox和radio表單的美化。首先載入css文件。
<link rel="stylesheet" type="text/css" href="magic-check.css">
現(xiàn)在用input元素加上一個(gè)CSS類magic-checkbox或magic-radio就可以.
Radio
<input class="magic-radio" type="radio" name="radio" id="r1">
<label for="r1">Normal</label>
Checkbox
<input class="magic-checkbox" type="checkbox" name="layout" id="c1">
<label for="c1">Normal</label>
CSS將checkbox和radio隱藏，然后使用:before和:after定位重繪checkbox和radio外觀，從而達(dá)到美化效果
更多關(guān)于PHP開發(fā)、WEB前端開發(fā)相關(guān)技術(shù)問題，可點(diǎn)擊：http://tjegd.cn
如果有技術(shù)疑問，歡迎在下方評論框留言，我們會(huì)及時(shí)回答您的問題。
咨詢QQ：1939594233（微信同號(hào)）
