View Full Version : is it possible to hide a <select> drop-down arrow?
01-24-2008, 02:48 PM
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.
01-24-2008, 03:31 PM
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 (http://www.badboy.ro/articles/2007-01-30/niceforms/).
01-24-2008, 05:20 PM
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).
01-24-2008, 06:07 PM
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?
01-24-2008, 06:27 PM
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.
01-24-2008, 06:37 PM
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/design-friendly-select-elements-in-safari-3/
01-24-2008, 11:40 PM
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!
Powered by vBulletin® Version 4.2.2 Copyright © 2017 vBulletin Solutions, Inc. All rights reserved.