CSS: applicare stili speciali alle checkbox

Con i CSS è semplice oggi applicare stili speciali alle checkbox.

La soluzione è la seguente:

input[type="checkbox"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    border: 1px solid #ccc;
    background: #fff;
    transition: all 400ms ease-in;
}

input[type="checkbox"]:checked {
    background: #eee;
}

input[type="checkbox"]:focus {
    outline-style: none;
}