<html>
<body>
<style>
.div1 input[type="checkbox"]{
-webkit-appearance:none;
appearance:none;
width:50px;
height:50px;
background: #999;
border:1px solid #999;
border-radius: 30px;
outline: none;
}
.div1 input[type="checkbox"]:checked{
background: #4f86ea;
}
</style>
<div class="div1">
<input type="checkbox">
</div>
<body>
</html>
