Styling a checkbox

For example..

input {
 margin: 0;
 appearance: none;
 background-color: transparent;
 border: 1px solid #BCB4B0;
 box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
 padding: 9px;
 border-radius: 0;
 display: inline-block;
 position: relative;

 &:checked:after {
  content: '\2714';
  font-size: 14px;
  position: absolute;
  top: 0px;
  left: 3px;
  color: #99a1a7;
 }
}

 

Leave a Reply

Your email address will not be published. Required fields are marked *