自定义方形复选框

<body>
    <input type="checkbox" id="myCheck">
    <label for="myCheck"></label>
</body>
#myCheck + label{
    background-color: white;
    border-radius: 5px;
    border:1px solid #d3d3d3;
    width:20px;
    height:20px;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    line-height: 20px;
}
#myCheck:checked + label{
    background-color: #eee;
}
#myCheck:checked + label:after{
    content:"\2714";
}

猜你喜欢

转载自www.cnblogs.com/shark1100913/p/8966070.html