HTML:

<a href="/" class="btn-disabled" disabled="disabled">123n</a>

CSS:

.btn-disabled,
.btn-disabled[disabled] {
  opacity: .4;
  cursor: default !important;
  pointer-events: none;
}

如果你想摆脱指针，你可以用css使用游标。

你可以通过返回false来禁用锚标记。在我的情况下，我使用angular和ng-disabled的Jquery手风琴，我需要禁用部分。

所以我创建了一个小js片段来解决这个问题。

       <a class="opener" data-toggle="collapse"
                   data-parent="#shipping-detail"
                   id="shipping-detail-section"
                   href="#shipping-address"
                   aria-expanded="true"
                   ng-disabled="checkoutState.addressSec">
                   Shipping Address</a>
     <script>
          $("a.opener").on("click", function () {
           var disabled = $(this).attr("disabled");
           if (disabled === 'disabled') {
            return false;
           }
           });
     </script>

超链接没有disabled属性。如果你不想要某些东西被链接，那么你需要移除<a>标签。

或者，你可以删除它的href属性-尽管这有其他的用户体验和可访问性问题，在下面的评论中指出，所以不建议。

HTML:

<a href="/" class="btn-disabled" disabled="disabled">123n</a>

CSS:

.btn-disabled,
.btn-disabled[disabled] {
  opacity: .4;
  cursor: default !important;
  pointer-events: none;
}

你可以使用:

<a href="/" onclick="return false;">123n</a>