Show a custom checkbox without a JavaScript plugin

.td-check input[type="checkbox"] {
    position: absolute;
    opacity: 0;                  /* hidden, still focusable */
}

.td-check input + span:before {
    content: "";
    display: inline-block;
    width: 16px; height: 16px; margin-right: 8px;
    border: 1px solid #b4b4b4;
}

.td-check input:checked + span:before {
    background: #337ab7;
    box-shadow: inset 0 0 0 3px #fff;
}