修改input checkbox颜色

input[type=checkbox]{
cursor: pointer;
position: relative;
width: 15px;
height: 15px;
font-size: 14px;
}

input[type=checkbox]::after{
position: absolute;
top: 0;
background-color: red;
color: #000;
width: 15px;
height: 15px;
display: inline-block;
visibility: visible;
padding-left: 0px;
text-align: center;
content: ' ';
border-radius: 3px
}

input[type=checkbox]:checked::after{
content: "✓";
font-size: 12px;
font-weight: bold;
}

posted @ 2021-09-02 09:24  Wayhome'  阅读(1226)  评论(0编辑  收藏  举报
// 侧边栏目录 // https://blog-static.cnblogs.com/files/douzujun/marvin.nav.my1502.css