2013-03-09 77 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游标反应。

编辑: 这会重新加载页面并导致错误。对于没有进一步阅读这个问题抱歉。在所有包含文本应该做的伎俩