Html 预防<；按钮>；在IE中单击时从移动

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

我假设这是默认IE风格的一部分。有没有办法防止这种行为

---

您可以对按钮应用一些样式。

---

按钮{margin:0px；padding:0px；}

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

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

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

按钮：活动范围，按钮：焦点范围{
位置：相对位置；
排名：0；
左：0；
}
不许动

将文本放在

上，然后
位置：相对
，它会修复

button span{
    position: relative;
}

不需要左上角的定义。
如果您不介意使用JavaScript，显然这就做到了：

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

在我看来，这实际上并不能解决你的问题，所以我只是发表评论。退房他们只是彻底废除了这项法律。不过，我的建议是保持语义！它的效果不是一个交易破坏者，是吗？不，当然不是一个交易破坏者，只是一个小细节，因为我真正的按钮有它自己的点击样式，我只想有它，使它在浏览器中看起来一样。谢谢这里的关键是针对按钮的子项，而不是按钮本身。这是隐含的，但答案中没有明确说明。您也可以将此应用于伪元素：
按钮：active:：before
，等等@gfullam谢谢你！答案附带的这一点信息对我很有帮助。正如@teefars在他的回答中指出的，似乎您只需要
位置：相对
，不需要设置顶部/左侧，至少在IE11padding:0；在Firefox中为我修复它所需的一切吗？这应该是公认的答案，因为它是最小的解决方案