当您在页面中有一个简单的元素并在 IE8/9 中单击它(在单击过程中按住鼠标以查看效果)时,按钮会向下和向右移动一点。
我假设这是默认 IE 样式的一部分。有没有办法阻止这种行为?
当您在页面中有一个简单的元素并在 IE8/9 中单击它(在单击过程中按住鼠标以查看效果)时,按钮会向下和向右移动一点。
我假设这是默认 IE 样式的一部分。有没有办法阻止这种行为?
您可以停止在 IE 按钮中移动的文本:
button:active span, button:focus span {
position:relative;
top: 0;
left: 0;
}
<button><span>no move</span></button>
把你的文字放在里面<span>
,position:relative
它会修复的。
button span{
position: relative;
}
不需要顶部和左侧定义。
您可以对按钮应用一些样式。按钮{边距:0px; 填充:0px;}
如果您不介意使用 JavaScript,显然这可以解决问题:
$(document).on('mousedown', 'button, input[type="button"], input[type="submit"]', function(e) {
e.preventDefault();
});