13

我<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，但这会使它们无法点击，并且会保持正常的指针。

4

2 回答 2

24

只需在悬停时使用光标属性。

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;
}
于 2013-03-09T17:30:27.793 回答
-1

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

正如 JJJ 在上面的评论中所说， href="#" 可以在这里使用，但是将 # 添加到 url。相反，将 href 设置为 "" 可以替代将链接发送到任何位置并删除 I 光标反应

编辑：这会重新加载页面并可能导致错误。很抱歉没有进一步阅读这个问题。设置包含文本cursor: hand;的所有子<a>标签应该可以解决问题

于 2017-11-03T04:20:24.050 回答