Css to style a form button

Question

At the beginning of my stylesheet I am using the following to
reset all margins, border and padding.
* { margin: 0; padding: 0; border: 0; }
With forms, that makes it mendatory for me to style them.
Meaning I do something like this:
.column01 input, .column01 textarea { border: 1px solid
#C3C3C3; border-top-color: #7C7C7C; border-bottom-color: #DDD; }
.column01 input.myBtn{ width: auto; margin-top:1px;
vertical-align: top; }
What I would now like to do and don't know how, is to reset
the myBtn to the browser default. So for example if I am looking at
this in Safari, it would give the glass look. Is there a way to do
that?
Thanks a lot for any help with this.

Answer 1

Styling form elements is a tricky business. See this link -
http://www.456bereastreet.com/archive/200701/styling_form_controls_with_css_revisited/
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"brian914" <[email protected]> wrote in
message
news:fp9mai$qni$[email protected]..
> At the beginning of my stylesheet I am using the
following to reset all
> margins, border and padding.
> * { margin: 0; padding: 0; border: 0; }
>
> With forms, that makes it mendatory for me to style
them. Meaning I do
> something like this:
> .column01 input, .column01 textarea { border: 1px solid
#C3C3C3;
> border-top-color: #7C7C7C; border-bottom-color: #DDD; }
> .column01 input.myBtn{ width: auto; margin-top:1px;
vertical-align: top; }
>
> What I would now like to do and don't know how, is to
reset the myBtn to
> the
> browser default. So for example if I am looking at this
in Safari, it
> would
> give the glass look. Is there a way to do that?
>
> Thanks a lot for any help with this.
>