Remove 3D push effect on a button

Question

I\'m trying to remove all effects on a HTML Button element. The HTML:

Answer 1

It's a browser behaviour, a simple solution is to use a link tag instead of button (since you're calling a javascript function).

If you still want to use the , I've found that there are some characteristics on each browser (in a simple debug):

• Chrome adds outline and padding
• Firefox adds a whole lot of stuff with the standart button border
• IE messes with the inner text position

So to fix them, you have to manipulate the pseudo selectors for the button behaviour. And for IE, a good solution is to envolve your text on a element, and make it relative positioned. Like so:

Buttom or Image

Pen

This is a duplicate question