自定义方形复选框 

<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";
}

 

posted @ 2018-04-28 10:04  怪咖咖  阅读(295)  评论(0)  编辑  收藏  举报