Is there any way (maybe with jQuery code) to style a select element totally so it will look the same in all major broswers from IE6 and newer?
Feels like select elements is the most difficult form element to solve an unique design for.
Share
Sign Up to our social questions and Answers Engine to ask questions, answer people’s questions, and connect with other people.
Login to our social questions & Answers Engine to ask questions answer people’s questions & connect with other people.
Lost your password? Please enter your email address. You will receive a link and will create a new password via email.
Please briefly explain why you feel this question should be reported.
Please briefly explain why you feel this answer should be reported.
Please briefly explain why you feel this user should be reported.
Is there any way (maybe with jQuery code) to style a select element totally so it will look the same in all major broswers from IE6 and newer?
Feels like select elements is the most difficult form element to solve an unique design for.
The best solution is to leave the form elements as they are. No javascript, no images, no fallback.
I have been through this whole painful process myself and I know from experience that styling form elements is
a) not worth the time and effort and
b) it’s not possible.
The select-element is the most difficult element to style regarding background colour, selected colour, border colour and so on.
You will end up spending many hours if not days for something no one except the designer and client really cares about.
The web wasn’t made to be controlled but to be used by everyone with any browser and any device.
I wouldn’t waste a cent on IE6 but if you do, remember to check all the mobile browsers out there as well. Also consider accessibility for people with disabilities who uses screen readers.
Good luck!
p.s. seriously, don’t do it.