html - 应用 css 类后，IE8 无法正确设置超赞字体图标的样式

Question

http://jsfiddle.net/7Q7ht/10/

<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 类添加到 linkBut​​ton 时，图标铅笔跨度继续涂成红色，而不是灰色。有没有针对此类问题的简单修复方法？

这是一张图片，不用担心图标不显示，我只是没有加载字体:

Answer 1

对于我在 IE8 中，它从红色变成灰色，然后又变成红色。这与它在 Chrome 中所做的相同。

您可能知道 Microsoft 说 disabled CSS3 伪类 only works in IE9及以上。否则，问题How do you style disabled textarea in IE8?建议一些解决方案。