How to make this View (submit) button flat?

[ChrisjChrisj]

This 'View" (submit) button looks raised. How do I make it look flat?

input.button-form2 {
padding: 0px;
width: 76px;
height: 38px;
border:1px solid: #;
font-family:"Arial";
color: #000000;
background: #;    
font-size: 16px;
margin:0px;

}

<input type="submit" value="VIEW" class="button-form2"/>

Thanks

[PaulOB]

@ChrisjChrisj

input.button-form2 {
padding: 0px;
width: 76px;
height: 38px;
border:1px solid: #;
font-family:“Arial”;
color: #000000;
background: #;
font-size: 16px;
margin:0px;

You have a typo in your border rule so the default inset border is still showing.

border:1px solid: #;

It should be something like:
`border:1px solid #666;’

Remember though that when you start styling a form control (if browser permits) then it comes down to you to style it and you will lose the default rounded appearance and gradients etc. You can’t usually change one aspect of some form controls without losing all/some of the browsers custom defaults.