Internet Explorer

If you've customized your inputs and checkboxes in the CSS of your website, you'll know that Internet Explorer has no mercy and adds some ridiculous border to your checkbox.  There is no CSS to compensate for this error.  This little script however will fix that ...

Whether you using Joomla or any other website or even HTML you can fix or remove the added checkbox border with a few lines of code.  Add the following javascript to the head of your page:


function styleInputs() {

var cbxs=document.getElementsByTagName('INPUT');

for (var i=0; i<cbxs.length; i++) {

if(cbxs[i].type=='checkbox') {







This will run through your page after its loaded and "re-style" all checkboxes to have no extra border.