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 7 of 7
  1. #1
    Regular Coder
    Join Date
    Aug 2002
    Location
    Oregon, United States of America
    Posts
    882
    Thanks
    1
    Thanked 9 Times in 9 Posts

    Select menu styling

    Is there a way i can make a select menu not have a border? I tried border: 0px none #FFFFFF; but that did not work.

    Any ideas?
    If I'm postin here, I NEED YOUR HELP!!

  • #2
    Regular Coder Ranger56's Avatar
    Join Date
    Mar 2005
    Location
    Kent, WA.
    Posts
    783
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Code:
    border:0;

  • #3
    Regular Coder
    Join Date
    Aug 2002
    Location
    Oregon, United States of America
    Posts
    882
    Thanks
    1
    Thanked 9 Times in 9 Posts
    The select menu still has a border with that in IE6.
    If I'm postin here, I NEED YOUR HELP!!

  • #4
    Senior Coder
    Join Date
    Nov 2003
    Location
    Minneapolis, MN
    Posts
    2,879
    Thanks
    2
    Thanked 65 Times in 56 Posts
    The select bar is one where we're sort of at its mercy. You can do a few things to it, but for the most part browser preference takes precedent.

  • #5
    Regular Coder
    Join Date
    Aug 2002
    Location
    Oregon, United States of America
    Posts
    882
    Thanks
    1
    Thanked 9 Times in 9 Posts
    even the !important modifier wont work on it?
    If I'm postin here, I NEED YOUR HELP!!

  • #6
    Senior Coder
    Join Date
    Nov 2003
    Location
    Minneapolis, MN
    Posts
    2,879
    Thanks
    2
    Thanked 65 Times in 56 Posts
    I'm pretty sure. Did you try using it?

  • #7
    Senior Coder
    Join Date
    Jun 2002
    Location
    near Oswestry
    Posts
    4,508
    Thanks
    0
    Thanked 0 Times in 0 Posts
    In Internet Explorer a <select> element is rendered by the operating system, not the browser, and so very few CSS properties work on it. You basically can't change the border or button at all - the best you can do is change the font, I think.

    I started making a DHTML select menu once, but it's a dangerous thing to mess with - I couldn't get it so it perfectly emulated the native behaviors of the widget in each browser, because only Firefox reported enough events to do so - some states and movements simply couldn't be captured. Without perfect emulation of mouse and keyboard behaviors it creates usability and accessibility problems, so it's not safe.

    We basically just have to live with it, I think - select elements are not pretty, but to end-users their predictable - they look the same as they do throughout the operating system - and that's ultimately more important.
    "Why bother with accessibility? ... Because deep down you know that the web is attractive to people who aren't exactly like you." - Joe Clark


  •  

    Posting Permissions

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