防止< button>从在IE的点击期间移位 [英] Prevent <button> from shifting during click in IE

问题描述

当您在页面中有一个简单的元素，并在IE8 / 9中单击它（点击鼠标时看到效果），然后按钮向右移动一点。

When you have a simple element in a page and click it (hold down the mouse during click to see the effect) in IE8/9 then the button shifts a little down and to the right.

我假设这是默认IE样式的一部分。是否仍有阻止此行为？

I'm assuming this is part of the default IE style. Is there anyway to prevent this behavior?

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

推荐答案

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

You can stop the text moving in IE button:

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

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

http：// jsfiddle.net/dQVA7/

这篇关于防止< button>从在IE的点击期间移位的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！