Inclusively Hiding & Styling Checkboxes and Radio Buttons
Unfortunately, checkboxes and radio buttons are not so easy to design with CSS. Sara shows how you can implement it with SVG graphics and also barrier-free.
Checkboxes and radio buttons are two common examples of interactive form elements that we desperately want to have full control over styling but we don’t.
— sarasoueidan.com