Remove 3D push effect on a button

Question

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

        
                      

              相关标签:
       
      

Answer 1

The following helped for me in IE 10:

button:active {
  position: relative;
  top: -1px;
  left: -1px;
}

It fixed the top perfectly, but left still had background bleed-though for my case. Still looks a bit odd if the user starts clicking and then moves the mouse off the button. Also obviously only enable the rule for relevant IE version(s).

Answer 2

Position relative seemed to have taken care of the problem

Simply have a wrapper within the button:

So

<button>
   <div class="content">Click Me</div>
</button>

and set the DIV to position relative with top: 0, left: 0

Example below:

http://jsfiddle.net/eyeamaman/MkZz3/