如何在禁用锚点中悬停时添加禁止圈？

Question

我有一个锚标记，我希望在悬停时出现禁止圆形的字形。我知道添加禁用的类只会改变外观而不是它的功能。请注意，此链接不是导航组件，列表或btn组的一部分，只是一个在单击时会触发模态的链接。

如果您将鼠标悬停在已停用的链接上，我想按照此处的操作进行操作，如下所示：Disabled links

<div>
    <a class="disabled" data-toggle="modal" data-target="#notAvailable">Not Available</a>
</div>

Answer 1

使用CSS

 a.disabled:hover {
    cursor:not-allowed
 }

a.disabled:hover {
  cursor: not-allowed;
}

<div>
  <a class="disabled" data-toggle="modal" data-target="#notAvailable">Not Available</a>
</div>