前端之家收集整理的这篇文章主要介绍了
是否可以使用CSS无法点击/链接HTML锚定代码?,
前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
例如,如果我有这个:
< a style =“”href =“page.html”>页链接< / a>
是有什么我可以使用的风格属性,将使它的链接是不可点击,不会带我到page.html。
或者是我唯一的选择,只是不包裹在一个锚标签的“页面链接”?
编辑:我想说明为什么我想这样做,以便人们可以提供更好的建议。我试图设置我的应用程序,以便开发人员可以选择他们想要什么类型的导航样式。
所以我有一个链接列表,一个总是当前选择,所有其他的不是。对于未选择的链接,我显然希望这些是正常的可点击锚标签。但对于所选链接,有些人更喜欢该链接保持可点击,而其他人则喜欢使其不可点击。
现在我可以很容易地只是通过编程方式不包围选定的链接的锚标签。但我认为这将更加优雅,如果我可以总是包装选定的链接在类似:
< a id =“current”href =“link.html”> link< / a>
然后让开发人员通过css控制链接风格。
你可以使用这个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>
但我建议第一种方法。
原文链接:https://www.f2er.com/css/223472.html