CSS Only Checkbox

by Kushal Jayswal

HTML

<link href="https://research-develop1.basf.net/prdnav-search-idm-portlet/css/main.css?browserId=other&themeId=basf_WAR_basftheme&minifierType=css&languageId=en_US&b=6120&t=1451822046000" rel="stylesheet">
<label>
  <input type="checkbox" id="checkAll">
  <span></span>
</label>

CSS

label {
   display: inline-block;
   background: #ccc;
   border: 1px solid #124c95;
   color: #fff;
   margin-top: 2px;
   width: 18px;
   height: 19px;
   text-align: center;
   position: relative;
 }
 
 input[type=checkbox] {
   opacity: 0;
 }
 
 input[type="checkbox"] + span {
   background-image:...