防止CSS中的荧光笔光标？

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

您可以在此处查看可用的光标值.

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