例如,如果我有这样的代码:
<a style="" href="page.html">page link</a>
有没有什么我可以使用的样式属性,使它的链接是不可点击的,也不会把我带到page.html?
或者,我唯一的选择就是不在锚标签中包装“页面链接”吗?
编辑:我想说明我为什么要这样做,以便人们能够提供更好的建议。我正在尝试设置我的应用程序,以便开发人员可以选择他们想要的导航样式类型。
所以,我有一个链接列表,其中一个是当前选中的,其他的都不是,对于那些没有选中的链接,我显然希望它们是普通的可点击锚点标签。但是对于所选的链接,有些人希望该链接保持可点击状态,而另一些人则希望使其不可点击。
现在,我可以很容易地通过编程方式不在所选链接周围包装锚定标记。但我认为,如果我总是可以将选定的链接包装在类似于:
<a id="current" href="link.html">link</a>
然后让开发人员通过CSS控制链接样式。
发布于 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>
但我建议使用第一种方法。
发布于 2011-07-18 08:52:25
这在CSS中不太容易做到,因为它不是一种行为语言(例如JavaScript),唯一简单的方法是在锚点上使用JavaScript OnClick事件,并将其作为false返回,这可能是你可以使用的最短的代码:
<a href="page.html" onclick="return false">page link</a>
发布于 2013-10-11 18:15:39
是的..使用css进行是可能的
<a class="disable-me" href="page.html">page link</a>
.disable-me {
pointer-events: none;
}
https://stackoverflow.com/questions/6727659
复制相似问题