防止CSS中的荧光笔光标？

问题描述：

我使用<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，但这会让它们变得不可点击，并且会保持正常的指针。

执行环节<a>标签的孩子的设置cursor: hand;有'href'属性？ – JJJ 2013-03-09 17:31:47

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

如果你添加一个什么都不做的href（例如'href =“＃”'），你应该看到通常的指针。 – JJJ 2013-03-09 17:33:37

答

只需使用悬停时的游标属性即可。

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

完美的是，在这种情况下，我会使用'cursor：hand'。 – tkbx 2013-03-09 17:32:38

答

设置<a>标签<a href="">

由于JJJ在href上述评论说= “＃”会在这里工作，但将＃添加到你的湖相反，将href设置为“”可以替代发送链接否，并删除I游标反应。

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

防止CSS中的荧光笔光标？

相关推荐