.checkbox { position: relative; border: 2px solid #39c; -moz-border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px; border-radius: 4px 4px 4px 4px; } .checkbox-checked { border: 0; background: #39c; } .checkbox-inner { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .checkbox path { stroke-width: 2px; } .checkbox-disabled { opacity: 0.6; } .checkbox-value { position: absolute; overflow: hidden; width: 1px; height: 1px; left: -100px; }