26

当您在页面中有一个简单的元素并在 IE8/9 中单击它(在单击过程中按住鼠标以查看效果)时,按钮会向下和向右移动一点。

我假设这是默认 IE 样式的一部分。有没有办法阻止这种行为?

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

4

4 回答 4

25

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

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

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

http://jsfiddle.net/dQVA7/

于 2014-01-22T11:22:45.837 回答
19

把你的文字放在里面<span>position:relative它会修复的。

button span{
    position: relative;
}

不需要顶部左侧定义。

于 2015-09-18T15:05:56.067 回答
1

您可以对按钮应用一些样式。按钮{边距:0px; 填充:0px;}

于 2012-04-24T21:51:01.807 回答
-2

如果您不介意使用 JavaScript,显然这可以解决问题:

$(document).on('mousedown', 'button, input[type="button"], input[type="submit"]', function(e) {
  e.preventDefault();
});
于 2017-01-17T09:42:20.197 回答