从在IE点击中移动防止(Prevent <button> from shifting d

当你在一个页面一个简单的元素，并点击（点击时按住鼠标，查看效果）在IE8 / 9，该按钮移动一点点向下和向右。

我假设这是默认的IE风格的一部分。 反正有防止这种行为？

http://jsfiddle.net/tmcconechy/hqm59/

Answer 1:

您可以停止文本IE按钮移动：

button:active span, button:focus span {
    position:relative;
    top: 0;
    left: 0;
}

<button><span>no move</span></button>

http://jsfiddle.net/dQVA7/

Answer 2:

把你的文字上的<span>和position:relative的，它会解决。

button span{
    position: relative;
}

无需顶部和左侧的定义。

Answer 3:

你可以应用一些样式的按钮。 按钮{余量：0像素; 填充：0像素;}

Answer 4:

如果你不介意使用JavaScript，显然这做的伎俩：

$(document).on('mousedown', 'button, input[type="button"], input[type="submit"]', function(e) {
  e.preventDefault();
});

文章来源: Prevent from shifting during click in IE