IE 8在点击时移动输入按钮的文本

问题描述:

<input type="button" value="Button" /> 

当按钮被默认点击时,IE将文本向下和向下缩进1px。有没有什么办法可以阻止这种与只是 CSS?IE 8在点击时移动输入按钮的文本

我也将自己的样式添加到此按钮,并且一切都很好,直到我单击按钮中的文本... IE似乎忽略:我的样式表中定义的活动状态。但是,如果我单击按钮而不是文本,IE将执行:活动状态。当然,无论我做什么,文本移动问题仍然存在。

任何想法?

+0

我正在寻找一种方法来禁用点击过的输入元素时自动按钮上的文字位移;你有没有找到解决方案? – Maestro13 2012-06-01 09:39:07

如果您使用了样式化的A型标签,您完全可以解决整个“受压”状态问题。使用display:block和一些CSS,您可以将A标签设计为与任何按钮完全相同。

+0

我知道这一点。但是有没有办法修复实际的输入按钮?我不想将所有输入按钮都更改为's。 (这是针对所有使用通用样式表的应用程序的系列,所以会有很多改变。) – Deckard 2012-02-23 09:47:54

我不知道你使用的是哪个版本的IE,但尽量Button background shift 此外,检查出Remove 3D push effect on button,专门从allicarn答案,从元件改变的填充:活跃。 只记得把IE放在IE特定的情况下,就像一个IF块。

好的,所以我遇到了同样的问题,并且发现了适用于所有浏览器的解决方案。

我有两个表单按钮,我改变了边框,字体系列和大小,以及填充。当我在IE中点击它们时,它们会“跳跃”,因为在我看来IE是愚蠢的。所有其他浏览器似乎正确,而不是样式的按钮有难同当用户点击这些按钮移动显示的问题..

我找到的解决方案是:

样式表单按钮,使他们每个人都有相等的利润率,并应用一个包装部门,其位置或边距可以抵消您的喜好。

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



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

IE在你看来并不愚蠢,这是一个事实......〜snicker〜 – VoidKing 2013-05-14 19:46:22