internet-explorer - 单击时删除IE上按钮的位移

Question

当您在 IE 上单击按钮时，文本会稍微向右下方移动，以产生被按下的效果。

但是，如果您自定义按钮并在其上添加背景图片(如“提交 ->”中的箭头)，则效果不佳。有没有办法删除它？我尝试在元素为 :active 时添加填充，但它仍然不会覆盖效果(而且我认为 button:active 在 IE7 上不起作用)。

有人可以帮我处理一下吗？

提前致谢!

Answer 1

我的表单按钮在 IE 中“跳跃”或移动位置时遇到问题，我找到的解决方案是:

1.) 给你的表单按钮等边距

2.) 在您的按钮周围放置一个包装部分，并根据您的喜好放置该部分

#myButton {
   border: 1px solid #f7f6f4;
   font-family: Times New Roman;
   font-size: 16pt;
   padding:15px;
   margin:10px;
}

<div style="float:right;margin-right:75px;">
<input type="submit" name="myButton" id="myButton" value="Don't Move!" />
</div>

让我知道这是否适合您的情况..