是否可以使用CSS使HTML锚标签不可点击/不可链接？
是否可以使用CSS使HTML锚标签不可点击/不可链接？
提问于 2011-07-18 08:21:55
例如，如果我有这样的代码：
<a style="" href="page.html">page link</a>
有没有什么我可以使用的样式属性，使它的链接是不可点击的，也不会把我带到page.html？
或者，我唯一的选择就是不在锚标签中包装“页面链接”吗？
编辑：我想说明我为什么要这样做，以便人们能够提供更好的建议。我正在尝试设置我的应用程序，以便开发人员可以选择他们想要的导航样式类型。
所以，我有一个链接列表，其中一个是当前选中的，其他的都不是，对于那些没有选中的链接，我显然希望它们是普通的可点击锚点标签。但是对于所选的链接，有些人希望该链接保持可点击状态，而另一些人则希望使其不可点击。
现在，我可以很容易地通过编程方式不在所选链接周围包装锚定标记。但我认为，如果我总是可以将选定的链接包装在类似于：
<a id="current" href="link.html">link</a>
然后让开发人员通过CSS控制链接样式。
回答 10
Stack Overflow用户
回答已采纳
发布于 2013-12-14 00:32:55
您可以使用此css：
.inactiveLink {
pointer-events: none;
cursor: default;
}然后将类分配给您的html代码：
<a style="" href="page.html" class="inactiveLink">page link</a>它使链接不可点击，并且光标样式为箭头，而不是链接所具有的手形。
或者在html中使用此样式：
<a style="pointer-events: none; cursor: default;" href="page.html">page link</a>但我建议使用第一种方法。
Stack Overflow用户
发布于 2011-07-18 08:52:25
这在CSS中不太容易做到，因为它不是一种行为语言(例如JavaScript)，唯一简单的方法是在锚点上使用JavaScript OnClick事件，并将其作为false返回，这可能是你可以使用的最短的代码：
<a href="page.html" onclick="return false">page link</a>Stack Overflow用户
发布于 2013-10-11 18:15:39
是的..使用css进行是可能的
<a class="disable-me" href="page.html">page link</a>
.disable-me {
pointer-events: none;
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/6727659
复制相关文章
相似问题