Form elements

Discussion in 'Web Design and Development' started by andyjamesnelson, Mar 4, 2009.

  1. andyjamesnelson macrumors 6502

    Joined:
    Aug 24, 2003
    Location:
    Jacob's house
    #1
    Hey,

    I'm wondering if anyone knows a resource for finding the default styles applied to form elements by different browsers.

    Thanks,

    Andy
     
  2. andyjamesnelson thread starter macrumors 6502

    Joined:
    Aug 24, 2003
    Location:
    Jacob's house
    #2
    Should it be possible to 'show package content' on Firefox and Safari and find the css files?

    Any help here would be very appreciated.

    Andy
     
  3. angelwatt Moderator emeritus

    angelwatt

    Joined:
    Aug 16, 2005
    Location:
    USA
    #3
    I've looked at Firefox's, but it's not normal CSS that you'd be looking at. One of Firefox's CSS file is located at: /Applications/Firefox.app/Contents/MacOS/res/forms.css. There's multiple CSS files though.

    Here's a sample piece from the file,
    Code:
    input {
      -moz-appearance: textfield;
      /* The sum of border-top, border-bottom, padding-top, padding-bottom
         must be the same here, for buttons, and for <select> (including its
         internal padding magic) */
      padding: 1px 0 1px 0;
      border: 2px inset ThreeDFace;
      background-color: -moz-Field;
      color: -moz-FieldText;
      font: -moz-field;
      text-rendering: optimizeLegibility;
      line-height: normal !important;
      text-align: start;
      text-transform: none;
      word-spacing: normal;
      letter-spacing: normal;
      cursor: text;
      -moz-binding: url("chrome://global/content/platformHTMLBindings.xml#inputFields");
      text-indent: 0;
      -moz-user-select: text;
    }
    Not sure how to get at Safari's CSS files.
     

Share This Page