View Full Version : Form Styling on IE

02-22-2008, 05:40 AM

I created a list/select menu and have set some styling on it. It works nicely on firefox except that the arrow is still the default blue one. That is ok I guess, but on IE I also get an ugly 2 to 3px border inside my outside border. Is there anyway to fix that?


02-22-2008, 07:29 AM
you'll need to show us the page and/or your code for us to help.


02-22-2008, 05:47 PM
Oh its just something really really simple. Look at this code:

<select style="background:#000000; border:none; color:#FFFFFF;">
<option>One to five</option>
<option>Six to ten</option>
<option>Eleven to fifteen</option>
<option>Sixteen to twenty</option>

If you run this in firefox it will look normal, aside from the default arrow. In IE however the menu has a 2-3px white border even though I set none. Is this not changeable?

02-22-2008, 05:50 PM
<select style="background:#000000; border:0px; color:#FFFFFF;">

i dont believe that "none" is a vale for CSS, so try that and see what happens

02-22-2008, 06:55 PM
I tried that, still doesn't work. If I actually set a border the white stuff will actually still be there. I included a pic to show what I mean. IE is the left one, firefox is on the right. http://img166.imageshack.us/img166/5069/deletekg3.png

I assumed you couldn't get rid of that whiteness just because its IE, but double checking.

02-22-2008, 07:04 PM
ok, well see what happens with this

<select style="background:#000000; border:0px; color:#FFFFFF; padding:0px;">

02-22-2008, 07:18 PM
Still doesn't work. It probably is because IE can't get rid of those somehow?

02-22-2008, 07:51 PM
probably, i have never messed to much with the drop downs!!

02-23-2008, 12:43 AM
Its not going to work. IE has always limited the amount of styling on select menus mainly because for some reason IE treats them as objects of the operating system not the browser.