Question

我有这个链接<a>jander</a>。

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

有没有办法展示小手？

注意：我不想使用href ='＃'，因为当我点击链接（它是执行ajax函数的链接）就是这种情况，它会转到页面顶部。

Answer 1

将光标设置为：

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

Answer 2

使用

cursor: pointer;

元素的样式或类中的

。请注意，这适用于任何元素 - 而不仅仅是a。

顺便说一句，您可以随时在处理程序中return false来避免href="#"遇到的问题。

Answer 3

将style="cursor:pointer;"添加到您的a代码。

Answer 4

如果你想设置所有<a>属性，请在你的css文件中设置它。

a {
  cursor:pointer;
}

Answer 5

你也可以这样做：

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

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

Answer 6

当您使用JavaScript链接时，您也可以使用 <a href="javascript:false">jander</a> 要么 <a href="#" onClick="ajaxFunction(); return false;"> 返回false将“停用”＆＃39; href属性

Answer 7

使用Bootstrap时，您可以执行以下操作：

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

Answer 8

避免内联样式！使用一个类

<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>

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

8 个答案: