Sassy Inputs: custom CSS3 input fields

Update: this project has since been expanded to include other input fields.

Default styling for checkboxes and radio buttons can be ugly in some browsers, and the native versions of these elements don't allow for much customisation beyond very slight tweaks to things like size. So I made some simple alternatives, which have a flat appearance and can be customised to match any colour scheme.

They work by hiding the native <input> element and styling the :before pseudo element of the label to look like a radio button or checkbox.

You can find them here: