前言：
某天，寫了一個(gè)帶有單選按鈕的界面，突然想起網(wǎng)上其他網(wǎng)站各種各樣的單選按鈕，
遂想改下這個(gè)圓圈圈怎么樣？，于是在找了一遍單選按鈕的樣式，
沒一個(gè)說是修改圓圈圈，于是又去網(wǎng)上找了一遍，各種各樣，自己選了其中一種并稍加修改，感覺簡單通俗易懂，
而且最重要的是效果好，故在此和大家分享一下。
原理：
之前已經(jīng)提及，html的單選按鈕沒有提供一個(gè)樣式能修改其圓圈，
所以僅靠一句類似color:#fff的語句是不可能的，不過考慮：
（a）html每個(gè)input都可以加一個(gè)label，點(diǎn)擊label，也會(huì)出發(fā)input的點(diǎn)擊：
是 否
（b）label標(biāo)簽可以加背景，并通過其他樣式，讓背景顯示在文字的左邊：　
是 否
（c）input標(biāo)簽可以隱藏：
是 否
（d）點(diǎn)擊label后，可以通過js，修改其背景圖片:
（此處為圖片）
看到這里有沒有恍然大悟，什么自定義單選按鈕的圖標(biāo)，
不過是把單選按鈕隱藏了，然后通過每次點(diǎn)擊修改label的背景圖片，
達(dá)到自定義的效果，而且后期需要把單選按鈕的圖標(biāo)換成花花草草貓貓狗狗，
也不過是換下圖片而已。如果還不能實(shí)現(xiàn)，我們接著往下細(xì)談：
實(shí)現(xiàn)：
原理中說的四點(diǎn)，也可以看作實(shí)現(xiàn)的自定義單選按鈕的四部曲：
a：沒啥好說的，就是標(biāo)簽使用。
<label for=sex-man class=radio_label checked> <input type=radio value=1 checked=checked id=sex-man name=sex /> 男 </label>

網(wǎng)站建設(shè)，SEO內(nèi)部鏈接構(gòu)建的四種途徑
網(wǎng)站建設(shè)基本的十個(gè)技巧-大連網(wǎng)站制作
網(wǎng)站有沒有必要做成htm靜態(tài)頁面
建站利器織夢dedecms程序安全設(shè)置
香港-澳門-臺(tái)灣服務(wù)器需要網(wǎng)站ICP備案以及公安備案嗎
企業(yè)網(wǎng)站頁面推廣優(yōu)化
網(wǎng)站架構(gòu)、代碼、布局和色彩選擇
新網(wǎng)站怎么做網(wǎng)站優(yōu)化?seo網(wǎng)站優(yōu)化專家告訴你