HTML+CSS實現(xiàn)單選框、復(fù)選框美觀的樣式
發(fā)布時間：2017-06-26 14:22:05 作者：佚名 
我要評論
我要評論這篇文章主要介紹了HTML+CSS實現(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實現(xiàn)單選框、復(fù)選框美觀的樣式，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！
相關(guān)文章
- 這篇文章給大家分享了一個利用CSS3實現(xiàn)單選框動畫特效，效果非常的好，有興趣的下面來一起看看吧。2016-09-26
純css3實現(xiàn)效果超級炫的checkbox復(fù)選框和radio單選框
天要為大家分享的是純css3實現(xiàn)的checkbox復(fù)選框和radio單選框，效果超級炫，這個實例完全由css3實現(xiàn)的沒有任何js代碼2014-09-01CSS3實例分享--超炫checkbox復(fù)選框和radio單選框
這篇文章主要介紹了CSS3實例分享--超炫checkbox復(fù)選框和radio單選框,需要的朋友可以參考下2014-09-01
純CSS3實現(xiàn)的表單特效，可以對單選框、復(fù)選框設(shè)置顯示特效、可用效果等等2012-10-29- 這篇文章給大家分享了一個利用CSS3實現(xiàn)復(fù)選框的動畫特效，實現(xiàn)后的效果非常不錯，有興趣的下面來一起看看吧。2016-09-27
- 這篇文章主要為大家分享一款CSS自定義綠色復(fù)選框按鈕樣式，2016-03-04
- 這篇文章主要介紹了使用CSS實現(xiàn)頁面復(fù)選框的方法,純CSS實現(xiàn),絕不添加任何JS :P 需要的朋友可以參考下2015-07-21
這篇文章主要介紹了純CSS實現(xiàn)自定義單選框和復(fù)選框功能,本文給大家介紹的非常詳細，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下2020-07-16
