如何仅使用 CSS 禁用链接
主题：HTML / CSS上一页|下一页
答案：使用 CSS pointer-events 属性
您可以简单地使用 CSS pointer-events 属性来禁用链接。 此属性的 none 值指定元素永远不是指针事件的目标。
让我们试试下面的例子来了解它的实际工作原理：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Disable an HTML Link using CSS</title>
<style>
.disabled-link{
cursor: default;
pointer-events: none;
text-decoration: none;
color: grey;
}
</style>
</head>
<body>
<a href="somepage.html" class="disabled-link">HTML Link</a>
</body>
</html>pointer-events 属性在所有主流浏览器中都支持，例如 Chrome、Firefox、Safari、IE11+ 等。或者，您可以使用 jQuery 到 删除禁用链接的可点击行为。
FAQ 相关问题解答
以下是与此主题相关的更多常见问题解答：
Advertisements