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

前端之家收集整理的这篇文章主要介绍了HTML – 如何在禁用锚点悬停时添加禁止圈?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个锚标记,我希望在悬停时出现禁止圆形的字形.我知道添加禁用的类只会改变外观而不是它的功能.请注意,此链接不是导航组件,列表或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>

猜你在找的HTML相关文章