Preview:
label:not(#foo) > input[type="checkbox"],
label input[type="checkbox"]{
    display:none;
}
label:not(#foo) > input[type="checkbox"] + span:after {
    content:'\2713';
    visibility:hidden;
}
label:not(#foo) > input[type="checkbox"]:checked + span:after {
    visibility:visible;
}
label:not(#foo) > input[type="radio"] + span:after {
    content:'\25CB';
}
label:not(#foo) > input[type="radio"]:checked + span:after {
    content:'\25CF';
}
downloadDownload PNG downloadDownload JPEG downloadDownload SVG

Tip: You can change the style, width & colours of the snippet with the inspect tool before clicking Download!

Click to optimize width for Twitter