Browser Compatible Code: How To Style An Html Select Box To Omit Drop Down Arrow - Webmasters - Nairaland
Nairaland Forum › Science/Technology › Webmasters › Browser Compatible Code: How To Style An Html Select Box To Omit Drop Down Arrow (2389 Views)
| Browser Compatible Code: How To Style An Html Select Box To Omit Drop Down Arrow by omni1(op): 2:14am On Apr 16, 2012 |
Please your solution should be CSS only and no JS. Assuming you have a select menu: <form method="post" action=""> <select name="category"> <option name="products"> Products</option> <option name="distributors"> Distributors</option> </select> </form> The puzzle here is to replace the drop-down arrow of the select box with an image. Show your codes and explain too. |
| Re: Browser Compatible Code: How To Style An Html Select Box To Omit Drop Down Arrow by Nobody: 7:08am On Apr 16, 2012 |
Santa Maria! is this even possible? I aint seen it done before! Short of overlying with image, but you will still need some js/jquery?? If you hide the arrow, how are you going to drop the stuff down?? |
| Re: Browser Compatible Code: How To Style An Html Select Box To Omit Drop Down Arrow by DualCore1: 7:21am On Apr 16, 2012 |
The arrow can't be removed but some CSS tricks can be used to overlay something else on it. I have done this before but can't remember for which project. IE is a stubborn browser for this trick. I will do some search later hoping I can see it. Thanks for this thread too, the first sane thread in many "years" ![]() |
| Re: Browser Compatible Code: How To Style An Html Select Box To Omit Drop Down Arrow by omni1(op): 10:03am On Apr 16, 2012 |
Now people have all disappeared... What's happening? This is not PHP peeps. Just HTML and CSS. I am expecting more contributions please. |
| Re: Browser Compatible Code: How To Style An Html Select Box To Omit Drop Down Arrow by netesy(m): 9:15pm On Apr 16, 2012 |
cant do it now make i research |
| Re: Browser Compatible Code: How To Style An Html Select Box To Omit Drop Down Arrow by sisqology(m): 10:52pm On Apr 16, 2012 |
Any gift? :p |
| Re: Browser Compatible Code: How To Style An Html Select Box To Omit Drop Down Arrow by moderattor: 12:34am On Apr 17, 2012 |
Its so simple but you are throwing it up as a competition instead of honestly requesting for help. |
| Re: Browser Compatible Code: How To Style An Html Select Box To Omit Drop Down Arrow by DualCore1: 5:22am On Apr 17, 2012 |
moderattor: Its so simpleThis should be your most unintelligent reply ever, or I may be wrong. You see a board that is dying, someone is trying his best to bring it back to life, what are you doing? Deciphering whether a thread is a request or a thread. You are either part of any solution or the problem. Make yourself useful here or just leave people who want to learn to learn. |
| Re: Browser Compatible Code: How To Style An Html Select Box To Omit Drop Down Arrow by sisqology(m): 10:32am On Apr 17, 2012 |
Gbam!!! U don nack d nail for head |
| Re: Browser Compatible Code: How To Style An Html Select Box To Omit Drop Down Arrow by netesy(m): 4:30pm On Apr 17, 2012 |
Dual Core: This should be your most unintelligent reply ever, or I may be wrong.SECONDED! |
| Re: Browser Compatible Code: How To Style An Html Select Box To Omit Drop Down Arrow by Slyr0x: 5:41pm On Apr 17, 2012 |
Teacher, Are we allowed to copy & paste sir? ![]() |
| Re: Browser Compatible Code: How To Style An Html Select Box To Omit Drop Down Arrow by DualCore1: 6:22pm On Apr 17, 2012 |
Slyr0x: Teacher,Do what you did in your JAMB exam 10 years ago. ![]() |
| Re: Browser Compatible Code: How To Style An Html Select Box To Omit Drop Down Arrow by moderattor: 12:30am On Apr 18, 2012 |
Dual Core: This should be your most unintelligent reply ever, or I may be wrong.I am the bolded. ![]() |
| Re: Browser Compatible Code: How To Style An Html Select Box To Omit Drop Down Arrow by omni1(op): 12:57pm On Apr 19, 2012 |
Plenty talks ooo. moderattor: Its so simpleIf you are looking for competition, stick to and follow @Seun so he can give you money. Any solutions yet? |
| Re: Browser Compatible Code: How To Style An Html Select Box To Omit Drop Down Arrow by Nobody: 1:34pm On Apr 19, 2012 |
So seun is giving out money to programmers eh? |
| Re: Browser Compatible Code: How To Style An Html Select Box To Omit Drop Down Arrow by ogzille(m): 4:32pm On Apr 19, 2012 |
sees question, searches head, cant find my css dictionary, pursues poster with a cutlass for certain reasons ![]() will be back |
| Re: Browser Compatible Code: How To Style An Html Select Box To Omit Drop Down Arrow by omni1(op): 6:50pm On Apr 19, 2012 |
ogzille: sees question, searches head, cant find my css dictionary, pursues poster with a cutlass for certain reasonsI dey run so tee my heels dey touch the back of my head |
| Re: Browser Compatible Code: How To Style An Html Select Box To Omit Drop Down Arrow by omni1(op): 6:52pm On Apr 19, 2012 |
*dhtml:The new way out bro. I nefa ge money likam to de gif pple ![]() |
State In Nigeria As Drop Down • How To Create An Autoresponder In An Html Form • How Do I Use An HTML Code • 2 • 3 • 4
SMF Forum Design Tutorial • Drop Ur Blog Url For Review • Let Us Handle All Your Writing Challenges ( Article Writing, Blog Post, Etc).


