html - Bootstrap button with vertical position effect -

html - Bootstrap button with vertical position effect -

i add together position effect on :active state on bootstrap buttons. unfortunately, ie not render effect properly. please utilize site , compare effect between chrome/firefox , ie 10/11:

http://jsfiddle.net/stebir/f0nw6kp2/2/

if click on button, expect smooth top transition (which works charm in chrome , firefox). ie shifts label "button" right. it's subtle effect, nevertheless it's annoying...

do have thought prevent in ie? regards, steven

[1]: http://jsfiddle.net/stebir/f0nw6kp2/2/

this default functionality in ie... there couple of ways around it.

use anchor instead of button.

<a id="mybtn" class="btn btn-warning">button</a>

use span posistion: relative maintain text in place.

<button type="button" id="mybtn" class="btn btn-warning"><span>submit</span></button>

button > span { position:relative }

http://jsfiddle.net/pv01x0ud/

html css twitter-bootstrap twitter-bootstrap-3