本篇文章将持续跟新你不知道的css常用黑科技，欢迎点赞、分享、评论。
image.png
一、实现自定义单选、多选按钮样式
主要使用:check伪类
<style>
input[type="checkbox"] {
display: none;
}
.checkbox {
display: block;
width: 10px;
height: 10px;
border-radius: 50%;
border: 1px solid #000000;
background: #ffffff;
}
input[type="checkbox"]:checked + .checkbox {
background: red;
border: 1px solid #ff0000;
}
</style>
<body>
<label>
点我
<input type="checkbox" />
<span class="checkbox"></span>
</label>
</body>
image.png
网友评论