.toggle
text-align center
width 40px
height 40px
position absolute
top 0
bottom 0
margin auto 0
//让按钮上下居中对齐
border null
//去除原始边框
appearance none
//去除按钮的原始样式
outline none
//去除外边框的线
&:after
content url('../assets/images/round.svg')
// 未选中的图片
&:checked:after
content url('../assets/images/done.svg')
// 选中后的图片
如何美化单选框按钮?
猜你喜欢
转载自blog.csdn.net/weixin_40814356/article/details/80959017
今日推荐
周排行