禁用文本和CSS样式的按钮在IE中显示移动

我禁用了和CSS样式的按钮。在Firefox中，禁用按钮在按下时不会移动（这是预期的），在IE中，按钮中的文本仍然移动几个像素。禁用文本和CSS样式的按钮在IE中显示移动

为什么会发生这种情况，更重要的是，如何在IE中禁用样式化按钮？

来源

2009-11-19 Moss

哦，男孩。另一种“出去活下去”，“出去找女朋友”，“出去等等”评论。你不了解我或我的生活，所以请不要离开这种居高临下的愚蠢评论。我希望它是像素完美的，所以我找到了它。就那么简单。 – Moss 2009-11-19 13:07:48

莫斯，请你提供一个关于如何禁用按钮的片段，以及你正在使用的样式的例子吗？ – NickGPS 2009-11-19 14:24:03

这是如何实现这个特定的浏览器。不受你的控制。

随着网站的发展，最好不要思考像素精确，否则浏览器的不一致最终会让你疯狂。

来源

2009-11-19 11:09:00

同意，投票赞成：D – ant 2009-11-19 12:17:32

阿门兄弟，+1 – 2009-11-19 12:25:57

谢谢。我怀疑这对IE来说是一个古怪的行为。 – Moss 2009-11-19 13:02:21

您不能更改IE中禁用的按钮浏览器的风格，但你可以换你的按钮，像这样：

<div class="button-wrap"> 
    <a class="button" disabled="disabled"><span>My button</span></a> 
    <span class="visible-text">My button</span> 
</div>

然后位置和风格，只要你想阻止那个奇怪的运动，你说可见文本。事情是这样的：

.visible-text { 
    position: absolute; 
    cursor: pointer; 
    color: green; /* or whatever... */ 
}

使用visibility：hidden的默认按钮文本保持按钮的宽度，所以你可以定位有没有任何问题的相同的文字。晚

http://jsfiddle.net/fnwjT/47/

来源

2013-09-26 15:52:59

好，一点点，但你可以设置：

a.button span { 
    visibility: hidden; 
}

请在这里尝试了禁用的按钮为0px active伪类。

button[disabled]:active{ 
    top: 0; 
}

来源

2014-09-05 18:17:34 Remus

禁用文本和CSS样式的按钮在IE中显示移动

回答

相关问题