Checkbox and Radio

CSS for checkboxes and radios, to enlarge the buttons and increase clickable area.

Usability: Colors mimic Android, so it should be familiar to most users. If you are unsure, try using switches to replace checkboxes and select to replace radio buttons.
Maintainability: This method uses an icon font in order to easily manage line-height inheritance. You will no longer have to manually adjust the alignment of checkboxes for varying layouts in varying browsers. To make it even easier to remember the code, dynamically add the <ins> with javascript.
Browsers: Compatible with ie9+. This will not work on Android OS versions prior to 2012. If you require a legacy workaround, see this article.