This might give you an idea:
www.smashingmagazine.com/2008/04/17/web-form-design-modern-solutions-and-creative-ideas/
There are few things to consider when re-designing form elements:

You need figure out if all of your form elements can truly be modified by CSS only. Some form elements can't be designed/changed (file browse element for example). You are pretty much stuck with browser default look/feel if your form has file browse input.

There are plenty of alternative methods to style form elements by using JavaScript plug-ins:

Though I would avoid relying on JS to re-style forms. Mainly because browser compatibility is always going to be problem.

I am not allowed to post more links but search Smashing Magazine with keywords 'form design' you get plenty of links.

10% popularity Vote Up Vote Down

Feed

: Is there a good resource for beautiful HTML forms? I am looking for some resources to design visually pleasing HTML forms. I can write the CSS, so even examples would be great. Any recommendations?

More posts by @Goswami567

: Exporting to High Quality Print InDesign - preserving all fonts/text - Create Outlines? I'm just about to export a brochure for printing in InDesign (CS4) What is the correct way to export the

: Dealing with narrow form fields When I put a form into a main content area, I often find it looks awkward. In a typical content area of between 600-700px (like on this site), how wide should

: Recommendation for time appropriate typeface (early 20th Century) I am designing a program for a play that is set in the early twentieth century (circa 1911) Austria and it focuses on the upper

: What is it called when an image pokes above text/design elements? Publications often seem to like to make parts of images poke above text or design elements, either subtly or clearly. For example,

Login to post a comment!

1 Comments

Back to top | Use Dark Theme