0

I have some typical radio buttons using the built-in form elements. The radio buttons look fine in Chrome and Firefox 4, but when I use IE9 mode or IE8 mode in IE9 they look very ugly. The radio buttons will look fine in IE9 if I switch IE9 to IE7 compatibility mode. Is there a reason this would happen?

philfry
  • 77
  • 4
  • 10
  • Are you giving them a size by any chance? I believe certain IE version support sizing them bigger or smaller, but this makes them "ugly". – Bazzz Apr 15 '11 at 20:16
  • Nope. I just checked to make sure. I just gave each radio button a name and value. I did give it a blank id but I doubt that would cause this to happen. – philfry Apr 15 '11 at 20:31

3 Answers3

3

setting width/height (i. e. 13px) helps removing surrounding margins around radio buttons on IE which is quite useful. make sure you don't (re)set border on radios; border:0 renders selected radios with black dot inside and they look 'uglier'

dmudro
  • 2,894
  • 1
  • 21
  • 23
0

it could be some setting on your computer where you have chosen to highlight performance over appearance.

yamspog
  • 18,173
  • 17
  • 63
  • 95
0

IE9 has changed how it draws thing a lot, read more here: IE 9 does not use sub-pixel antialiasing under certain conditions

Community
  • 1
  • 1
David d C e Freitas
  • 7,481
  • 4
  • 58
  • 67