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