باسلام شما ابتدا یک کلاس بدید به چک باکس ، به مثال زیر با فرض کلاس myinput توجه کنید
.myinput[type="checkbox"]:before{
position: relative;
display: block;
width: 11px;
height: 11px;
border: 1px solid #808080;
content: "";
background: #FFF;
}
.myinput[type="checkbox"]:after{
position: relative;
display: block;
left: 2px;
top: -11px;
width: 7px;
height: 7px;
border-width: 1px;
border-style: solid;
border-color: #B3B3B3 #dcddde #dcddde #B3B3B3;
content: "";
background-image: linear-gradient(135deg, #B1B6BE 0%,#FFF 100%);