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
    Apr 2006
    Location
    Northbrook, IL
    Posts
    394
    Thanks
    8
    Thanked 6 Times in 6 Posts

    Question is it possible to hide a <select> drop-down arrow?

    the arrow takes up space and in small select boxes containing few characters it's just plain ugly, and it's not always necessary for a user to know that it is a selectable list until they click on it anyhow. and there are plenty of other ways to indicate that it is a user interactive element. eg border styles, background or font color.

    i'm NOT looking for IE compatibility since this is for an internal webapp. anything FF3 supports would be fine.

    otherwise i will resort to a javascript selectable popout list attached to a "disabled" input type="text" element, styled to look not disabled.
    thanks.
    Last edited by Leeoniya; 01-24-2008 at 01:51 PM.

  • #2
    The fat guy next door VIPStephan's Avatar
    Join Date
    Jan 2006
    Location
    Halle (Saale), Germany
    Posts
    8,706
    Thanks
    6
    Thanked 1,011 Times in 984 Posts
    Short answer: no.

    Longer answer: Only with some advanced scripting. Select elements have among the least possibilities of styling. You might wanna look into niceforms.

  • #3
    Senior Coder
    Join Date
    Nov 2003
    Location
    Minneapolis, MN
    Posts
    2,879
    Thanks
    2
    Thanked 65 Times in 56 Posts
    Quote Originally Posted by Leeoniya View Post
    it's not always necessary for a user to know that it is a selectable list until they click on it anyhow
    For what it's worth I don't agree with this…I think most of what makes a select element perfect for its use is the fact that it's immediately obvious. I do think most arrows are ugly though. I am a big fan of the styled version used by apps like Blinksale (see screeny).
    Attached Thumbnails Attached Thumbnails is it possible to hide a &lt;select&gt; drop-down arrow?-screeny.png  

  • #4
    The fat guy next door VIPStephan's Avatar
    Join Date
    Jan 2006
    Location
    Halle (Saale), Germany
    Posts
    8,706
    Thanks
    6
    Thanked 1,011 Times in 984 Posts
    Quote Originally Posted by rmedek View Post
    I am a big fan of the styled version used by apps like Blinksale (see screeny).
    That’s the usual Apple (Cocoa) style, nothing specific to Blinksale, is it?

  • #5
    Senior Coder
    Join Date
    Nov 2003
    Location
    Minneapolis, MN
    Posts
    2,879
    Thanks
    2
    Thanked 65 Times in 56 Posts
    No, Apple's system style is Aqua…which I don't mind so much, it's the Firefox and Windows rendered select elements that I think are unattractive.
    Attached Thumbnails Attached Thumbnails is it possible to hide a &lt;select&gt; drop-down arrow?-screeny.png  

  • #6
    The fat guy next door VIPStephan's Avatar
    Join Date
    Jan 2006
    Location
    Halle (Saale), Germany
    Posts
    8,706
    Thanks
    6
    Thanked 1,011 Times in 984 Posts
    Yeah, sorry, I meant Aqua, not Cocoa. But in case you haven’t noticed: Safari 3 is out and allows limited styling of form controls http://particletree.com/notebook/des...s-in-safari-3/

  • #7
    Senior Coder
    Join Date
    Nov 2003
    Location
    Minneapolis, MN
    Posts
    2,879
    Thanks
    2
    Thanked 65 Times in 56 Posts
    Well, son-of-a-gun. This whole time I assumed Blinksale was using a JS-replaced select element for those menus. Thanks for the tip!


  •  

    Posting Permissions

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