Form element styling

Discussion in 'Web Design and Development' started by andyjamesnelson, Feb 16, 2009.

  1. andyjamesnelson macrumors 6502

    Aug 24, 2003
    Jacob's house

    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.


    Attached Files:

  2. dantherevelator macrumors regular

    Oct 8, 2007
    Have you used a CSS reset?

    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.
  3. angelwatt Moderator emeritus


    Aug 16, 2005
    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.

Share This Page