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

Question

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

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

Answer 1

这是特定浏览器的实现方式。你无法控制。

通过网页开发，最好不要考虑像素精确，否则浏览器的不一致最终会让你感到疯狂。

Answer 2

您无法在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... */
}

使用可见性：隐藏在默认按钮文本上会保留按钮的宽度，这样您就可以在那里放置相同的文本而没有任何问题。

a.button span {
    visibility: hidden;
}

请在这里试试：

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

Answer 3

好吧，有点晚了，但你可以将：禁用按钮的：active伪类设置为0px。

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