CSS-d, 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 the browser. 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 down arrow under some kind of <div> or <img>, or use JavaScript. 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. I've already tried some JavaScript variants on drop downs, and found that when people say "drop down" in Javascript, they mean the simulation 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 remains constant. 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. Thanks. -- Dave M G ______________________________________________________________________ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d 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/
