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

发布时间：2020-12-14 18:52:20 所属栏目：资源来源：网络整理

导读：我有一个锚标记,我希望在悬停时出现禁止圆形的字形.我知道添加禁用的类只会改变外观而不是它的功能.请注意,此链接不是导航组件,列表或btn组的一部分,只是一个在单击时会触发模态的链接. 我希望在您将鼠标悬停在已禁用的链接上时遵循此行为,如下所示：Disable

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

我希望在您将鼠标悬停在已禁用的链接上时遵循此行为,如下所示：Disabled links

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

使用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>

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!