是否可以使用CSS无法点击/链接HTML锚定代码?

前端之家收集整理的这篇文章主要介绍了是否可以使用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>

但我建议第一种方法

猜你在找的CSS相关文章