在IE </button>中单击期间阻止<button>移动

Question

当你在一个页面中有一个简单的元素并在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;
}

无需 top 和 left 定义。

Answer 3

您可以将某些样式应用于该按钮。     按钮{margin：0px;填充：0px;}

Answer 4

如果你不介意使用JavaScript，显然这就是诀窍：

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