Formation?

Is there a way to keep the default appearance of form elements like text input fields, pulldown menus and especially "submit" buttons while overriding margins, padding and borders for the rest of the page?

Page in question (the form is below the first table): http://www.imageworksdisplay.com/tobacco/index.php

I add this to the beginning of every style sheet:

* {
margin:0px;
padding:0px;
border:0px;
}

which just gets everything and every browser (for the most part) on an even playing field. However, because the values are inherited it also wipes out the appearance of form elements. I happen to like the way the default form buttons look, among other things.

Is there a way to restore the defaults to the form by itself? I'd rather not go through the style sheet and nix the margins, padding and border on everything individually. Ideas?

THANKS!

Add some classes to your elements like

<input type="text" class="text" />

<input type="text" class="button" />

<select class="text" >
</select>
Then applly a CSS like
input.button{
border-width:1px;
border-color: #777 #000 #000 #777;
padding:2px;
}
input.text, textarea
{
border-width:1px;
border-color: #000 #777 #777 #000;
padding:2px;
}

Nevermind. I just replaced the * with a list of all the elements (except those related to the form) that I have on the page:

html, body, div, p, h1, h2, h3, h4, img, table, tr, td {
margin:0px;
padding:0px;
border:0px;
}

Bingo. Not a whole lot when it comes down to it.

Dan Schulz had posted a detailed CSS on this
http://www.codingforums.com/showpost.php?p=664410 :)

That's great. I appreciate the link.

There is also the one by Eric Meyers.
http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/