当鼠标悬停在链接上时，是否可以去掉手形光标？（或将其设置为普通指针）

Question

我想去掉当鼠标悬停在超链接上时出现的手型光标。

我已经尝试了这个CSS：

a.link {
    cursor: pointer;
}

还有这个：

a.link {
    cursor: pointer !important;
}

当我悬停在链接上时，它仍然转换为手形。

有人有什么想法为什么会发生这种情况或者有什么解决方案可以实现这种效果吗？

- Craig van Tonder

---

你的锚点是否使用了“link”CSS类进行装饰？ - leppie

你需要使用:hover伪类。 - yoavmatchulsky

Answer 1

这就是cursor: pointer;的作用。

如果你想要保持正常的鼠标指针，应该使用cursor: default。

- bevacqua

---

谢谢，你解决了我的问题。我想这是由于我对指针的理解有误。你知道这种方法有哪些浏览器支持吗？我想隐藏到后端部分的链接，所以我希望始终以这种方式呈现... - Craig van Tonder

它具有完整的浏览器支持：你应该多搜索一下 - bevacqua

Answer 2

使用内联样式，使用<a href="your link here" style="cursor:default">your content here</a>。 查看此示例。

或者使用CSS。查看此示例。

此解决方案跨浏览器兼容。

- jacktheripper

Answer 3

请尝试以下方法：

去除手型光标

a.link {
    cursor: default;
}

- Anil Kumar Reddy

Answer 4

<button>
  <a href="https://accounts.google.com/ServiceLogin?continue=http%3A%2F%2Fmail.google.com%2Fmail%2F%3Fpc%3Den-ha-apac-in-bk-refresh14&service=mail&dsh=-3966619600017513905"
     style="cursor:default">sign in</a>
</button>

- jagadish

Answer 5

<style>
a{
cursor: default;
}
</style>

在上面的代码中使用了 [cursor:default]。默认是通常出现的箭头光标。

如果您使用[cursor:pointer]，则可以访问悬停在链接上时出现的手形光标。

要了解更多关于光标及其外观的信息，请单击下面的链接： https://www.w3schools.com/cssref/pr_class_cursor.asp

- Code Carbonate