After much web surfing, it seems that this is an issue that comes up a
lot, but there doesn't seem to be a wealth of solutions.
On a <select> element in an HTML page, when it is set to show one option
so that it becomes a drop down menu, there is always a down arrow on the
right hand side. The shape and look of that down arrow is controlled by
I am building a web interface that needs to match a separate application
interface, and this down arrow is the last holdout.
>From what I can tell, there is no CSS way to directly control the look
or feel of the down arrow. I would like to be wrong about that, so if I
am, please tell me.
Otherwise, the only way around this is to do something like hide the
I think the downside with trying to hide the down arrow under a <div> or
<img> is that browsers might render the arrow differently, and perhaps
it might try and peek out from the sides if I don't get the sizing right.
of a menu interface, common to applications. The problem with this is
that the top level option doesn't change to match the user selection, it
I need the functionality of a standard HTML drop down menu, I just need
to eliminate that down arrow on the right hand side.
I'm willing to use any amount of <div>-hacking to achieve my effect. No
trick too dirty.
Does anyone have any suggestions?
Any advice would be much appreciated.
Dave M G
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/