在IE中点击期间阻止<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;
}

无需顶部和左侧的定义.