禁用文本和CSS样式的按钮在IE中显示移动
问题描述:
我禁用了和CSS样式的按钮。在Firefox中,禁用按钮在按下时不会移动(这是预期的),在IE中,按钮中的文本仍然移动几个像素。禁用文本和CSS样式的按钮在IE中显示移动
为什么会发生这种情况,更重要的是,如何在IE中禁用样式化按钮?
答
您不能更改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的默认按钮文本保持按钮的宽度,所以你可以定位有没有任何问题的相同的文字。晚
答
好,一点点,但你可以设置:
a.button span {
visibility: hidden;
}
请在这里尝试了禁用的按钮为0px active伪类。
button[disabled]:active{
top: 0;
}
哦,男孩。另一种“出去活下去”,“出去找女朋友”,“出去等等”评论。你不了解我或我的生活,所以请不要离开这种居高临下的愚蠢评论。 我希望它是像素完美的,所以我找到了它。就那么简单。 – Moss 2009-11-19 13:07:48
莫斯,请你提供一个关于如何禁用按钮的片段,以及你正在使用的样式的例子吗? – NickGPS 2009-11-19 14:24:03