Customizing Checkbox Appearance in CSS

Style checkboxes with CSS to create a custom appearance.

Source Code

input[type="checkbox"] {
    appearance: none;
    width: 20px;
    height: 20px;
    background-color: #f0f0f0;
    border-radius: 5px;
    cursor: pointer;
}
input[type="checkbox"]:checked {
    background-color: blue;
}