禁用锚时禁用锚像超级链接一样

Question

即使在禁用CSS样式后，我的锚点仍然像超链接一样起作用。悬停时更改颜色。

我已经花了一些时间，几乎放弃了这一点。我希望放大镜悬停在其上后根本不改变颜色。

这是主播

 <a href="" class="postcode-search-icon clickable"
            ng-click="searchPostcode()" ng-disabled="true" title="Search Postcode">
 </a href="">

我当前的CSS样式试图对其进行修复

.postcode-search-icon[disabled], .postcode-search-icon[disabled]:hover {
   text-decoration: none;
   cursor: not-allowed;
   background-color: transparent;
}

我在做什么错了？

如果您想知道可点击的类就是这个，那就没关系了

.clickable {
    cursor: pointer;
}

@edit

看起来像应用颜色：（原始颜色）是一种临时解决方法，直到我发现更好的东西为止。

Answer 1

似乎您的CSS选择器是错误的。 disabled伪类仅适用于输入字段，不适用于锚点。

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

除此之外，idk如何处理clickable类的添加，还需要处理该类，以便不覆盖样式。

Answer 2

如果您使用的是Angular，则应该可以将条件类与ngClass attribute一起使用。不确定您使用的是Angular 2、3、4、5还是JS（这里是JS link for ng-class）。

我想我也可以将可点击项变成按钮。

.bright:hover {
  color: #0066ff;
  cursor: pointer;
}

.dim:hover {
  color: #ccc;
  cursor: default;
}

<button ng-class="{bright: enabled, dim: disabled}"><i class="search-icon"></i> Search</button>