Stats: 3,190,120 members, 7,939,520 topics. Date: Wednesday, 04 September 2024 at 07:35 AM |
Nairaland Forum / Science/Technology / Webmasters / Browser Compatible Code: How To Style An Html Select Box To Omit Drop Down Arrow (2270 Views)
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)
Browser Compatible Code: How To Style An Html Select Box To Omit Drop Down Arrow by omni1: 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" ![]() 1 Like |
Re: Browser Compatible Code: How To Style An Html Select Box To Omit Drop Down Arrow by omni1: 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 simple This 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: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:I am the bolded. ![]() |
Re: Browser Compatible Code: How To Style An Html Select Box To Omit Drop Down Arrow by omni1: 12:57pm On Apr 19, 2012 |
Plenty talks ooo. moderattor: Its so simple If 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 1 Like |
Re: Browser Compatible Code: How To Style An Html Select Box To Omit Drop Down Arrow by omni1: 6:50pm On Apr 19, 2012 |
ogzille: sees question, searches head, cant find my css dictionary, pursues poster with a cutlass for certain reasons I 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: 6:52pm On Apr 19, 2012 |
*dhtml: The new way out bro. I nefa ge money likam to de gif pple ![]() |
(1) (Reply)
Can I Use My Nimc Slip For Google Adsense Personal Identification Number (PIN) / I Want To Do Instagram Sponsored Adverts / Has Anybody Heard Of Vtn (virtualterminalnetwork) ?
(Go Up)
Sections: politics (1) business autos (1) jobs (1) career education (1) romance computers phones travel sports fashion health religion celebs tv-movies music-radio literature webmasters programming techmarket Links: (1) (2) (3) (4) (5) (6) (7) (8) (9) (10) Nairaland - Copyright © 2005 - 2024 Oluwaseun Osewa. All rights reserved. See How To Advertise. 28 |