IE, tisk tisk

February 21st, 2009

So, recently I’ve started styling my form elements on pages pretty heavily. It’s one of those last little details I realized I needed to perfect to keep improving my projects. So I happily went about adding background colors and custom borders to my input elements and all was great until I opened things up in IE and saw borders around my radio buttons and checkboxes. Well, luckily, only one google search and five minutes later I found this solution. Simply add this to your CSS to clear up those nasty borders…

input[type=”checkbox“], input[type=”radio”]{
background: transparent;
border: 0;

… in IE7 only. IE6, of course, still displays the borders.

After a bit more effort I found this link to a helpful blog about code that cleared up the IE6 issue as well with some fairly simple Javascript.

An annoying problem, but I suppose that the fixes aren’t too bad. IE, when will we get to stop adding custom CSS and Javascript just to get you to do what other browsers all can easily handle?