<style>
input[type="checkbox"] {
width: 13px;
height: 13px;
display: inline-block;
text-align: center;
vertical-align: middle;
line-height: 11px;
margin-right: 10px;
position: relative;
}
input[type="checkbox"]:checked::before {
/*
* \2714-->代表着对号
*/
content: "\2713";
/*背景颜色*/
background-color: #0080FF;
position: absolute;
top: 0;
left: 0;
width: 100%;
/*边框颜色*/
border: 1px solid #BDBDBD;
border-radius:4px;
/*字体颜色*/
color: #FFFFFF;
font-size: 7px;
font-weight: initial;
}
</style>
checkbox样式修改
最新推荐文章于 2022-06-06 13:24:29 发布