2011-01-13 66 views
16

我有這個鏈接<a>jander</a>如何在沒有href屬性的鏈接中顯示小手?

當我將鼠標光標放在它上面時,將顯示選擇光標而不是小手。

有什麼辦法可以顯示小手嗎?

注意:我不想使用href ='#',因爲當我點擊鏈接(它是一個執行ajax函數的鏈接)的情況下,它會進入頁面的頂部。

回答

32

風格光標像這樣:

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

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

4

使用

cursor: pointer; 

在元素的樣式或類。請注意,這將適用於任何元素—而不僅僅是a

順便說一下,您可以在您的處理程序中始終使用return false以避免您使用href="#"時遇到的問題。

2

style="cursor:pointer;"加到您的a標記中。

1
如果你想要爲所有 <a>屬性設置這在你的CSS文件中設置

a { 
    cursor:pointer; 
} 
2

你也可以這樣做:

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

這可以防止滾動到頁面的頂部,並保持其在某些情況下href屬性(理想你的鏈接,其中CSS被鎖定,或者如果你有限制型CMS)。

0

避免內聯樣式!使用類

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

當您使用JavaScript中的鏈接,你也可以使用 <a href="javascript:false">jander</a><a href="#" onClick="ajaxFunction(); return false;"> 返回false將「停用」 href屬性

1

使用Bootstrap,你可以做以下:

<a role="button">jander</a> 
相關問題