Form element styling

[andyjamesnelson]

Hey.

I was wondering if anyone got some good tips for form element styling.

It seems that every browser wants to display these elements differently.

I've attached some images to illustrate the issues I'm having.

The 1st is Firefox, 2nd Safari and then last IE7.

I know its not to helpful when looking for specific code examples to just share these images of the issues. That said I more looking for general advice on the subject then a specific fix to this issue.

Andy

[dantherevelator]

The *{margin:0; padding:0} reset method cause a lot of headaches like that. By contrast, the Eric Meyer-style reset is a touch less brutal.

[angelwatt]

Yea, using a CSS reset is the best way generally, rather than trying to remembering all the nuances of each browser. The form tags are especially tiresome because the browsers used a lot of different approaches. My reset is based off Eric Myers, and don't be afraid to edit it to meet your own needs. Some of it is overkill for some sites, and Eric feels you should edit as need be too.