如何在没有href属性的链接中显示小手？

我有这个链接<a>jander</a>。如何在没有href属性的链接中显示小手？

当我将鼠标光标放在它上面时，将显示选择光标而不是小手。

有什么办法可以显示小手吗？

注意：我不想使用href ='＃'，因为当我点击链接（它是一个执行ajax函数的链接）的情况下，它会进入页面的顶部。

2011-01-13 ziiweb

风格光标像这样：

<a style="cursor:pointer;">jander</a>

来源

2011-01-13 09:13:55 Paddy

如果您使用的是Bootstrap，您可以使用`text` – xonya 2016-04-26 08:41:52

使用

cursor: pointer;

在元素的样式或类。请注意，这将适用于任何元素—而不仅仅是a。

顺便说一下，您可以在您的处理程序中始终使用return false以避免您使用href="#"时遇到的问题。

来源

2011-01-13 09:13:19 harpo

将style="cursor:pointer;"加到您的a标记中。

来源

2011-01-13 09:13:37

如果你想要为所有 <a>属性设置这在你的CSS文件中设置

。

a { 
    cursor:pointer; 
}

来源

2011-01-13 09:45:21 Nazmin

你也可以这样做：

<a href="javascript:;">jander</a>

这可以防止滚动到页面的顶部，并保持其在某些情况下href属性（理想你的链接，其中CSS被锁定，或者如果你有限制型CMS）。

来源

2011-01-13 20:51:35

避免内联样式！使用类

<style> 
.no-href-but-gimme-pointer{cursor:pointer;} 
</style> 
<a class='no-href-but-gimme-pointer'>hover me for pointer, but don't click me -- i won't do anything!</a>

来源

2016-08-06 06:35:17

当您使用JavaScript中的链接，你也可以使用 <a href="javascript:false">jander</a> 或 <a href="#" onClick="ajaxFunction(); return false;"> 返回false将“停用” href属性

来源

2016-08-06 06:48:42

使用Bootstrap，你可以做以下：

<a role="button">jander</a>

来源

2017-02-21 10:23:58

如何在没有href属性的链接中显示小手？

回答

相关问题