Submit-Button Problem

[Wilhelm Kutting]

hello,
i have the following html.
I like to have standard submit-Buttons and no flat ones.
The problem is that i cannot reset the border value for input completely.
The flat button remains.
is there something i can do about it?

<style type="text/css">
<!--
#content input{
border : 1px solid Silver;
padding: 0.2em;
}
..button input{
border: 0px none;
}
-->
</style>

<div class="content">
<div class="button"> <input type="submit" name="Submit"
value="Send"/></div>
</div>

[Steve Pugh]

Wilhelm Kutting wrote:

i have the following html.
I like to have standard submit-Buttons and no flat ones.
The problem is that i cannot reset the border value for input completely. The flat button remains.
is there something i can do about it?

<style type="text/css">
<!--
#content input{
border : 1px solid Silver;
padding: 0.2em;
}
.button input{
border: 0px none;
}
-->
</style>

<div class="content">
<div class="button"> <input type="submit" name="Submit"
value="Send"/></div>
</div>

ID selectors are more specific than class selectors, so the first style
will be applied in preference to the second.

#content .button input {
border: 0px none;
}
will over ride the first style.

But by setting border to none you will still have a "flat" button. You
need to set the border-style to outset to get a button effect, but that
may or may not look like the standard button of a user's particular OS.

Steve