I don’t know about the rest of you but styling checkboxes to look good across browsers has given me more headaches than I can count. Today I decided that enough was enough. Below is a link to the codepen for a CSS checkbox that replaces the native checkbox provided by the browser. As far as I can tell it works across modern browsers. Since I am currently working on a bootstrap project this check box is styled match.
See the Pen nwfIq by Kenneth Moore (@GooeyIdeas) on CodePen.
Does anyone know if there is a good reason that this is not a common practice? I am afraid I am not considering something and do not want to implement this if there are performance/accessibility concerns.