I'm trying to remove the 3D click effect on buttons in Internet Explorer (I'm using IE10).
I have tried with:
button:active {
position: relative;
left: -1px;
top: -1px;
}
But this makes the entire button shifts 1 px top-left (not the behavior I'm looking for).
I want just to make the text stay in the same position even when clicked.
I've found this question with no good answers so I'm asking here.
This is my code so far:
http://codepen.io/anon/pen/aliFb