前言：

　　某天，寫(xiě)了一個(gè)帶有單選按鈕的界面，突然想起網(wǎng)上其他網(wǎng)站各種各樣的單選按鈕，
遂想"改下這個(gè)圓圈圈怎么樣？"，于是在找了一遍單選按鈕的樣式，
沒(méi)一個(gè)說(shuō)是修改圓圈圈，于是又去網(wǎng)上找了一遍，各種各樣，自己選了其中一種并稍加修改，感覺(jué)簡(jiǎn)單通俗易懂，
而且最重要的是效果好，故在此和大家分享一下。
  

原理：
    之前已經(jīng)提及，html的單選按鈕沒(méi)有提供一個(gè)樣式能修改其圓圈，
所以?xún)H靠一句類(lèi)似"color:#fff"的語(yǔ)句是不可能的，不過(guò)考慮：
    （A）html每個(gè)input都可以加一個(gè)label，點(diǎn)擊label，也會(huì)出發(fā)input的點(diǎn)擊：

是 否
    （B）label標(biāo)簽可以加背景，并通過(guò)其他樣式，讓背景顯示在文字的左邊：　　　　　　　　　　　

是 否
    （C）input標(biāo)簽可以隱藏：　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　

是 否
    （D）點(diǎn)擊label后，可以通過(guò)JS，修改其背景圖片:

（此處為圖片）

看到這里有沒(méi)有恍然大悟，什么自定義單選按鈕的圖標(biāo)，
不過(guò)是把單選按鈕隱藏了，然后通過(guò)每次點(diǎn)擊修改label的背景圖片，
達(dá)到自定義的效果，而且后期需要把單選按鈕的圖標(biāo)換成花花草草貓貓狗狗，
也不過(guò)是換下圖片而已。如果還不能實(shí)現(xiàn)，我們接著往下細(xì)談：

實(shí)現(xiàn)：

原理中說(shuō)的四點(diǎn)，也可以看作實(shí)現(xiàn)的自定義單選按鈕的四部曲：

A：沒(méi)啥好說(shuō)的，就是標(biāo)簽使用。

 
     
    男 
            

                網(wǎng)頁(yè)標(biāo)題：Html單選按鈕自定義樣式
                

                文章網(wǎng)址：http://jinyejixie.com/news/159358.html
            
            

                                    成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供外貿(mào)建站、搜索引擎優(yōu)化、企業(yè)網(wǎng)站制作、域名注冊(cè)、網(wǎng)站改版、網(wǎng)站策劃            
            

                廣告
                
            
            

                聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源：
                創(chuàng)新互聯(lián)