remove the arrow on a dropdown list
Hi Experts
I would like to dispay a background image in place of a dropdown list, it kind of works but ...
I set the background image for the dropdown and removed the border from the dropdown list, . just need to get rid of the ugly dropdown arrow, can this be done in css?
I would like to dispay a background image in place of a dropdown list, it kind of works but ...
I set the background image for the dropdown and removed the border from the dropdown list, . just need to get rid of the ugly dropdown arrow, can this be done in css?
The only way I can think of is using using ajax and a simple textbox , not a dropdown control.. see this samples , hope it helps
http://www.asp.net/ajax/ajaxcontroltoolkit/samples/
http://www.asp.net/ajax/ajaxcontroltoolkit/samples/
ASKER
@claracruz
If you could supply some more details that would be great!
If you could supply some more details that would be great!
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
And you can take it one step further and customize the div scrollbars if u wanted...
see here-
http://13thparallel.com/archive/dhtml-scrollbars/example.htm tutorial (http://13thparallel.com/archive/dhtml-scrollbars/)
see here-
http://13thparallel.com/archive/dhtml-scrollbars/example.htm tutorial (http://13thparallel.com/archive/dhtml-scrollbars/)
ASKER
Hi Claracruz
Thanks for the links... very good. Really all I want to do is hide the dropdown arrow, the background image has the right look and the functionality is there with the dropdown, I just have this horrid blue rectangle with a down arrow over the top of my image... eek!
Thanks for the links... very good. Really all I want to do is hide the dropdown arrow, the background image has the right look and the functionality is there with the dropdown, I just have this horrid blue rectangle with a down arrow over the top of my image... eek!
Yeah.. there's is no provision to my knowledge that would facilitate that I'm afraid. I'm fairly certain it not possible.
A drop-down list REQUIRES the down arrow. If you remove it, how is anyone going to know it is a drop down list? And to see the drop down list, they click on the arrow? So no, it can't be removed because it tells the user that this is a drop down list !!
ASKER
@scrathcyboy
I know that a dropdown needs an arrow, my background image has it there, I just dont want the default arrow showing over the top.
If this can't be done then I will have to go down the jQuery route, but it's frustrating that we can't just set the arrow to display: none; or something
I know that a dropdown needs an arrow, my background image has it there, I just dont want the default arrow showing over the top.
If this can't be done then I will have to go down the jQuery route, but it's frustrating that we can't just set the arrow to display: none; or something
ASKER
hmm... it seems that only firefox show the background image!
But using JavaScript you can, now that, I have seen done