For PDF

by yoowordpress

HTML

<div class="page A4">
    <div class="px">1cm = 37.8px </div>
    
    <div class="form-group">
       <label for="check-1">
       <input type="checkbox" name="check-1" id="check-1" checked>
       <span></span>checked
       </label>
    </div>
    
    <div class="form-group">
       <label for="check-2">
       <input type="checkbox" name="check-2" id="check-2">
       <span></span>not checked
       </label>
    </div>
</div>

CSS

body {
  background-color: #000 
}
.page {
  background: white;
  display: block;
  margin: 0 auto;
  margin-bottom: 0.5cm;
  box-shadow: 0 0 0.5cm rgba(0,0,0,0.5);
}
.A4 {  
  width: 21cm;
  height: 29.7cm; 
}


span {
    width: 20px;
    height:20px;
    display:inline-block;
    margin-right:10px;
    border:2px solid #1c9a29
}

input:checked + span{
    background-color:#752626
}