如何覆盖禁用的超链接样式？

Question

如果它具有disabled="disabled"属性,是否可以覆盖应用于超链接的样式？

它目前是灰色的.不要把它变成一个活跃的链接,只想改变字体,颜色等.

更新:必须在IE6,IE7和FF中工作

更新: 虽然html是,但它比我更糟糕<A id="someId" disabled>About Your Group</A>

更新: 我真的要看看是什么将这个'禁用'添加到链接..我认为它是一个jquery插件..(ui.tabs,jquery ui.tabs)

Answer 1

该disabled属性不能用于a元素.它仅适用于input,select和button元素.

当然; Internet Explorer对具有此属性集的链接设置了斜角效果.另一方面,FireFox完全忽略了这个属性.

注意:链接仍然有效.不会阻止它们的默认行为 - 它们看起来只是禁用.它们的行为与禁用的文本输入不同.


如果禁用链接,最好使用类来发出信号.这将跨浏览器工作...:

CSS

.disabled { color: #ccc; }

HTML

<a href="..." class="disabled">...</a>

并完成残疾人的影响; 使用jQuery,您可以选择"禁用"类的所有链接并防止其默认行为,如下所示:

$(function ()
{
    $("a.disabled").click(function ()
    {
        // return false to disable the link (preventDefault = true)
        return false;
    });
});