html - 在禁用时阻止 anchor 像超链接一样运行

Question

我的 anchor 即使在它被禁用时应用了 CSS 样式之后仍然像超链接一样工作。悬停时改变颜色。

我已经在这上面花了一些时间，几乎要放弃了。我希望放大镜悬停在其上后完全不会改变颜色。

这是 anchor

 <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 伪类仅适用于输入字段，不适用于 anchor 。

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

除此之外，我知道您如何处理 clickable 类的添加，您需要处理它以免覆盖样式。