如何在没有href属性的链接中显示小手?
问题描述:
我有这个链接<a>jander</a>
。如何在没有href属性的链接中显示小手?
当我将鼠标光标放在它上面时,将显示选择光标而不是小手。
有什么办法可以显示小手吗?
注意:我不想使用href ='#',因为当我点击链接(它是一个执行ajax函数的链接)的情况下,它会进入页面的顶部。
答
风格光标像这样:
<a style="cursor:pointer;">jander</a>
答
使用
cursor: pointer;
在元素的样式或类。请注意,这将适用于任何元素—而不仅仅是a
。
顺便说一下,您可以在您的处理程序中始终使用return false
以避免您使用href="#"
时遇到的问题。
答
将style="cursor:pointer;"
加到您的a
标记中。
答
如果你想要为所有
<a>
属性设置这在你的CSS文件中设置
。
a {
cursor:pointer;
}
答
你也可以这样做:
<a href="javascript:;">jander</a>
这可以防止滚动到页面的顶部,并保持其在某些情况下href属性(理想你的链接,其中CSS被锁定,或者如果你有限制型CMS)。
答
避免内联样式!使用类
<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>
答
当您使用JavaScript中的链接,你也可以使用 <a href="javascript:false">jander</a>
或 <a href="#" onClick="ajaxFunction(); return false;">
返回false将“停用” href属性
如果您使用的是Bootstrap,您可以使用`text` – xonya 2016-04-26 08:41:52