HTML+CSS實(shí)現(xiàn)單選框、復(fù)選框美觀的樣式
發(fā)布時(shí)間：2017-06-26 14:22:05 作者：佚名 
我要評(píng)論
我要評(píng)論這篇文章主要介紹了HTML+CSS實(shí)現(xiàn)單選框、復(fù)選框美觀的樣式,需要的朋友可以參考下
1.背景圖
html
<div class="check-wrappers">
<span class="c-checkbox checked">
<input type="radio" autocomplete="off" name="type" style="display:none;" value="1" checked="checked">
</span>
<span></span>
</div>
css
.cart-checkbox.checked {
background-position: -29px 0;
}
.c-checkbox {
display: block;
width: 25px;
height: 25px;
margin: 0 auto;
background: url(/shop-cart.png) no-repeat 0 0;
background-size: 60px 120px;
}
以上所述是小編給大家介紹的HTML+CSS實(shí)現(xiàn)單選框、復(fù)選框美觀的樣式，希望對(duì)大家有所幫助，如果大家有任何疑問請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！
相關(guān)文章
利用CSS3實(shí)現(xiàn)單選框動(dòng)畫特效示例代碼
這篇文章給大家分享了一個(gè)利用CSS3實(shí)現(xiàn)單選框動(dòng)畫特效，效果非常的好，有興趣的下面來(lái)一起看看吧。2016-09-26純css3實(shí)現(xiàn)效果超級(jí)炫的checkbox復(fù)選框和radio單選框
天要為大家分享的是純css3實(shí)現(xiàn)的checkbox復(fù)選框和radio單選框，效果超級(jí)炫，這個(gè)實(shí)例完全由css3實(shí)現(xiàn)的沒有任何js代碼2014-09-01CSS3實(shí)例分享--超炫checkbox復(fù)選框和radio單選框
這篇文章主要介紹了CSS3實(shí)例分享--超炫checkbox復(fù)選框和radio單選框,需要的朋友可以參考下2014-09-01
CSS3實(shí)現(xiàn)的表單單選框、復(fù)選框特效
純CSS3實(shí)現(xiàn)的表單特效，可以對(duì)單選框、復(fù)選框設(shè)置顯示特效、可用效果等等2012-10-29CSS3實(shí)現(xiàn)復(fù)選框動(dòng)畫特效示例代碼
這篇文章給大家分享了一個(gè)利用CSS3實(shí)現(xiàn)復(fù)選框的動(dòng)畫特效，實(shí)現(xiàn)后的效果非常不錯(cuò)，有興趣的下面來(lái)一起看看吧。2016-09-27- 這篇文章主要為大家分享一款CSS自定義綠色復(fù)選框按鈕樣式，2016-03-04
使用CSS實(shí)現(xiàn)頁(yè)面復(fù)選框的方法
這篇文章主要介紹了使用CSS實(shí)現(xiàn)頁(yè)面復(fù)選框的方法,純CSS實(shí)現(xiàn),絕不添加任何JS :P 需要的朋友可以參考下2015-07-21
純CSS實(shí)現(xiàn)自定義單選框和復(fù)選框功能
這篇文章主要介紹了純CSS實(shí)現(xiàn)自定義單選框和復(fù)選框功能,本文給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2020-07-16
