Remove shadow from button

Question

I want the button to be down, but one of them is the top.

The problem arises because the top button in HTML:

<form class="button_to" method="get" action="/"><input type="submit" value="Ok" /></form> 

and bottom button in HTML:

 <button type="button">Ok</button> 

CSS for the top button:

 .signup-success input[type="submit"], .signup-success input[type="submit"]:active, .signup-success input[type="submit"]:focus { width: 80%; background: transparent; color: #00AA66; border-color: #00AA66; } 

CSS for the bottom button:

 .signup-success button, .signup-success button:active, .signup-success button:focus { margin-top: 15px; width: 80%; background: transparent; color: #00AA66; border-color: #00AA66; } 

If this helps, the top button is generated from rails.erb extension

 <%= button_to "Ok", root_path, :method => :get %> 

Help my top button look like the bottom button. I tried to enter code that disables shadows in CSS, but this did not work :(

Answer 1

Use border style:

 .signup-success input[type="submit"], .signup-success input[type="submit"]:active, .signup-success input[type="submit"]:focus { width: 80%; background: transparent; color: #00AA66; border-color: #00AA66; border-style: solid; } 

or a combined version (border-style, border-width and border-color in one):

 border: 2px solid #00AA66;