Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 9 of 9
  1. #1
    Regular Coder
    Join Date
    Apr 2006
    Posts
    186
    Thanks
    21
    Thanked 6 Times in 6 Posts

    Form Styling on IE

    Hi,

    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?

    Thanks.

  • #2
    Regular Coder GO ILLINI's Avatar
    Join Date
    Jun 2005
    Location
    USA
    Posts
    634
    Thanks
    0
    Thanked 7 Times in 7 Posts
    you'll need to show us the page and/or your code for us to help.

    -Adam
    Why not thank me?

    http://adamsworld.name

  • #3
    Regular Coder
    Join Date
    Apr 2006
    Posts
    186
    Thanks
    21
    Thanked 6 Times in 6 Posts
    Oh its just something really really simple. Look at this code:
    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>
    </select>
    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?

  • #4
    Senior Coder jcdevelopment's Avatar
    Join Date
    Oct 2007
    Location
    Cowboy Nation
    Posts
    2,179
    Thanks
    174
    Thanked 257 Times in 257 Posts
    Code:
    <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

  • #5
    Regular Coder
    Join Date
    Apr 2006
    Posts
    186
    Thanks
    21
    Thanked 6 Times in 6 Posts
    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.

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

  • #6
    Senior Coder jcdevelopment's Avatar
    Join Date
    Oct 2007
    Location
    Cowboy Nation
    Posts
    2,179
    Thanks
    174
    Thanked 257 Times in 257 Posts
    ok, well see what happens with this

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

  • #7
    Regular Coder
    Join Date
    Apr 2006
    Posts
    186
    Thanks
    21
    Thanked 6 Times in 6 Posts
    Still doesn't work. It probably is because IE can't get rid of those somehow?

  • #8
    Senior Coder jcdevelopment's Avatar
    Join Date
    Oct 2007
    Location
    Cowboy Nation
    Posts
    2,179
    Thanks
    174
    Thanked 257 Times in 257 Posts
    probably, i have never messed to much with the drop downs!!

  • #9
    Supreme Master coder! _Aerospace_Eng_'s Avatar
    Join Date
    Dec 2004
    Location
    In a place far, far away...
    Posts
    19,291
    Thanks
    2
    Thanked 1,043 Times in 1,019 Posts
    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.
    ||||If you are getting paid to do a job, don't ask for help on it!||||


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •