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

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 对具有此属性集的链接施加斜 Angular 效果。另一方面，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;
    });
});