如何使用 CSS 禁用链接？

CSS 禁用链接技巧

问题：

是否可以使用 CSS 禁用链接？例如，如果您有一个名为“当前页面”的类，您可能希望阻止该类的链接在单击时处于活动状态。

解决方案：

以下 CSS 代码片段提供了一个简单的解决方案：

[aria-current="page"] {
  pointer-events: none;
  cursor: default;
  text-decoration: none;
  color: black;
}

此代码针对具有“aria-current='page'”属性的元素并禁用通过将“指针事件”设置为“无”来控制它们的交互性。它还通过将“光标”设置为“默认”、删除文本装饰并将文本颜色重置为黑色来删除典型的链接样式。

要在 HTML 中应用此解决方案，您可以按如下方式修改链接：

<a href="link.html" aria-current="page">Link</a>

这将禁用链接并防止在应用“当前页面”类时单击它。

以上是如何使用 CSS 禁用链接？的详细内容。更多信息请关注PHP中文网其他相关文章！