2013-03-09 76 views
8

我使用<a>來製作可以點擊並用於jQuery的文本。我已經有CSS,使其未高亮:防止CSS中的熒光筆光標?

-webkit-touch-callout: none; 
-webkit-user-select: none; 
-khtml-user-select: none; 
-moz-user-select: none; 
-ms-user-select: none; 
user-select: none; 
text-decoration: none; 

但它仍然變爲狀如有襯線的「我」,當它盤旋着,像文本通常不會光標。有什麼辦法可以防止這種情況發生,最好將其更改爲正常鏈接導致的「手形」光標?我唯一想到的是在頂部有一個隱形的div,但這會讓它們變得不可點擊,並且會保持正常的指針。

+0

執行環節<a>標籤的孩子的設置cursor: hand;有'href'屬性? – JJJ 2013-03-09 17:31:47

+0

@Juhana不,我正在使用jQuery的'click' – tkbx 2013-03-09 17:32:16

+0

如果你添加一個什麼都不做的href(例如'href =「#」'),你應該看到通常的指針。 – JJJ 2013-03-09 17:33:37

回答

17

只需使用懸停時的遊標屬性即可。

a:hover { 
    cursor: pointer; 
} 

你可以看到可用的光標值here.

http://jsfiddle.net/8nyEE/

<a class="hand">link with hand cursor</a> 

<br/><br/> 

<a class="nohand">link with default cursor</a> 

a {color: blue;} 

.hand:hover { 
    cursor: pointer; 
} 

.nohand:hover { 
    cursor: default; 
} 
+0

完美的是,在這種情況下,我會使用'cursor:hand'。 – tkbx 2013-03-09 17:32:38

-1

設置<a>標籤<a href="">

由於JJJ在href上述評論說= 「#」會在這裏工作,但將#添加到你的湖相反,將href設置爲「」可以替代發送鏈接否,並刪除I遊標反應。

編輯: 這會重新加載頁面並導致錯誤。對於沒有進一步閱讀這個問題抱歉。在所有包含文本應該做的伎倆