<a class="edit linkButton" href="javascript:void(0)" title="Enable rack editing">
<span class="icon-pencil"></span>
Edit
</a>
$(function(){
setTimeout(function(){
$('.linkButton').addClass('disabled');
}, 2000);
setTimeout(function(){
$('.linkButton').removeClass('disabled');
}, 4000);
});
a.linkButton {
color: red;
}
a.linkButton:hover {
color: blue;
}
a.linkButton.disabled {
color: gray;
}
相当简单的代码。在现代浏览器中运行良好。在 IE8 下,当我将 disabled 类添加到 linkButton 时,图标铅笔跨度继续涂成红色,而不是灰色。有没有针对此类问题的简单修复方法?
这是一张图片,不用担心图标不显示,我只是没有加载字体:
最佳答案
对于我在 IE8 中,它从红色变成灰色,然后又变成红色。这与它在 Chrome 中所做的相同。
您可能知道 Microsoft 说 disabled
CSS3 伪类 only works in IE9及以上。否则,问题How do you style disabled textarea in IE8?建议一些解决方案。
关于html - 应用 css 类后,IE8 无法正确设置超赞字体图标的样式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18791039/