I have a page with
* {
padding: 0;
margin: 0;
}
set and it’s the only way I can get the layout to work properly across all the browsers, but it unfortunately also makes any buttons in forms looks really ugly. I want the browser default styling on the button.
Is there any kind of CSS I can put to fix it?
I don’t think there is a way to return to CSS back to the browser once you’ve specified a rule that overrides the browser style (never seen one in all my years, anyway).
I think, rather than a blanket reset like what you have there, you might want to try using a more sophisticated reset: http://meyerweb.com/eric/tools/css/reset/ or http://developer.yahoo.com/yui/3/cssreset/
Of course, you can further adapt either of these – but they are pretty solid foundations for CSS.