HTML+CSS实现单选框、复选框美观的样式
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实现单选框、复选框美观的样式，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对软件开发网网站的支持！
相关文章
Laurie
2020-11-30
Bliss
2020-07-19
Ailis
2020-04-18
Efia
2020-11-23
Serafina
2023-04-19
Rhea
2023-04-19
Malinda
2023-04-19
Kathy
2023-04-19
Nora
2023-04-19
Pandora
2023-04-19
Tani
2023-04-19
Tanisha
2023-04-19
Nissa
2023-04-20
Kande
2023-05-02
Olivia
2023-05-02
Anna
2023-05-06
Summer
2023-05-12
Crystal
2023-05-13
Kara
2023-05-15