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

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