Question

我正在使用<a>创建可以单击并用于jQuery的文本。我已经有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;

但它仍然会变成光标，形状像一个带有“I”字体的光盘，就像文字通常那样。有没有办法防止这种情况，最好将其改为通常链接的“手”光标？我唯一想到的是在顶部有一个不可见的div，但这会使它们无法点击，并且会保留正常的指针。

Answer 1

只需在悬停时使用cursor属性即可。

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

Answer 2

将<a>标记设置为<a href="">

正如JJJ在上面的评论中所说，href =＆＃34;＃＆＃34;会在这里工作，但将＃添加到网址。而是将href设置为＆＃34;＆＃34;将是一个替代方法，发送链接no where并删除I光标反应

编辑：这会重新加载页面并导致错误。抱歉不再深入研究这个问题。在包含该文本的cursor: hand;标记的所有子项上设置<a>应该可以解决问题

防止CSS中的荧光笔光标？

2 个答案: