CSS Blog and Knowledge Base

Jun
11

How to use CSS Checkbox on Internet Explorer 8 and older

Tags:
  • Internet Explorer
  • Javascript Patch
  • If you've been working on websites for any amount of time at all, it should come as no surprise to learn that Internet Explorer consistently throws a wrench in your perfect CSS solutions--even, sometimes, with CSS Checkbox. Most browsers are totally fine handling the CSS specifications that drive CSS Checkbox. However, Internet Explorer 8 and older is not equipped to handle several crucial aspects of the code which drives CSS Checkbox's Standard CSS Version. To combat this, we've released a Javascript Patch that you can use in conjunction with CSS Checkbox's regular CSS to ensure that your Checkboxes and Radio Buttons work swimmingly on all browsers, no matter how old, obsolete and obstinate they are. You can learn more about our JS patch here: CSS Checkbox JS Patch (although this page probably has more useful information).

    When using our CSS Checkbox and Radio Button Generator, activating the Javascript Patch for older versions of Internet Explorer is easy. Simply check the checkbox that is labelled: "Please include the Javascript Patch to add support for ancient browsers like Internet Explorer 8 (Optional)". See the below screenshot of our Checkbox Generator Page: If you prefer to download a Checkbox or Radio button style from either our CSS Checkbox Library or our CSS Radio Button Library, the process of ensuring old IE support via Javascript is even easier. On a given Checkbox or Radio Button download page, simply choose the second of the two download button options. It even says "DOWNLOAD KIT. Javascript Version for IE8." to make it extra easy to spot. Check out the Big Gray Pro Radio Button page depicted below: We have not added the Javascript Patch to our CSS Checkbox starter kit styles because that's simply what it is: a starter kit. If you are that serious about styling form controls for rare situations when users will be viewing on old IE versions, you should definitely browse our Checkbox Library or try the CSS Checkbox Generator, one of the snappiest tools on the web!

    Browse More Blog Articles