Remove the white text shadow from disabled links in IE8

Question

We are using Ext JS for an application in work, building a custom theme for it. We currently have a dark colour scheme including menus with dark backgrounds. In some of the menus some of the links are disabled at certain points, which all perfectly. However IE8 seems to add a sort of white text shadow, which I am sure is normally fine but as the text is light grey and the background is dark grey the white text shadow makes it look blurry and even makes the other enabled links more disabled as they look darker.

Does anyone know of a way to remove the text shadow (I realise it is not css text-shadow as IE does not support it).

Answer 1

The best way to accomplish this would be to set a class and just mimic it being disabled.

<a href="#" class="disabled">&nbsp;</a>

And then jquery to disable their behavior.

$(function ()
{
    $("a.disabled").click(function ()
    {
    return false;
    });
});