checkbox,自定义样式

input[type="checkBox"]
{
    visibility:hidden;
}
input[type="checkBox"]:after
{
    visibility:visible;
    content:'';
    display:block;
    background:#fff;
    width: 2rem;
    height: 2rem;
    line-height:20px;
    text-align:center;
    overflow:hidden;
    text-indent:-100px;
    border: 1px solid #999;
    border-radius: 50%;
}

input[type="checkBox"]:checked:after
{
    text-indent:0;
    background: url(../images/score-checked.png) no-repeat;
    background-size: 100% 100%;
    border: 1px solid transparent;
}

你可能感兴趣的:(表单,css,前端,css,html)