更改已禁用链接的外观

Question

是否可以在禁用时更改html链接的外观？例如使用类似的东西:

a.disabled
{
  color:#050;
}

<a class="disabled" disabled="disabled" href="#">Testing</a>

上面的例子似乎不适用于IE,但适用于Firefox,在IE上,即使我在样式中设置颜色,它仍然是灰色的.如果我删除disabled="disabled"它,但它的工作原理.

Answer 1

该:disabledpseduo类只用输入字段的作品,如文本,单选,多选等,当你给元素属性`禁用="禁用"适用.但是,IE6无法识别伪类,因此您需要单独使用一个类才能使其工作.

<input type="text" value="You can't type here" disabled="disabled" class="disabled" />

可以用

input[disabled="disabled"], input.disabled {
    /* whatever you want */
}

伪类将适用于现代浏览器,而类将涵盖IE6.

就像Radeksonic所说,如果你想让禁用的CSS出现在其他元素上,比如锚点,你只需要制作和使用一个类.有没有为残疾人属性<a>小号

Answer 2

对于您在评论中提供的链接:

<a href="#" disabled="disabled">some link</a>

样式将是(就像基于属性的任何其他选择器一样):

a[disabled=disabled] {
  color: red;
  font-weight: bold;
}

如果我在你的位置,我会检查跨浏览器的行为.我还没有看过disabled之前使用过的属性.