Question

当你点击IE上的按钮时，文字会轻微地向下和向右移动，以便给出按下它的效果。

但是，如果您自定义按钮并在其上添加背景图像（如“提交 - ＆gt;”中的箭头），则此效果看起来不太好。有没有办法删除它？我试图在元素为：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>

请告诉我，在您的情况下这是否适合您。

Answer 2

只需将按钮放在div标签内。

<div><input type="submit" name="myButton" id="myButton" value="Don't Move!" /></div>

这对我有用。

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

2 个答案: