可以将鼠标悬停在链接上时删除出现的手形光标吗？（或将其设置为普通指针）

73

我想删除悬停在超链接上时出现的手形光标。

我已经尝试过此CSS：

a.link {
    cursor: pointer;
}

和这个：

a.link {
    cursor: pointer !important;
}

当我将鼠标悬停在链接上时，它仍然变为手形。

是否有人对为什么会发生这种想法或使我实现这种效果的解决方案有所了解？

css hyperlink cursor

— 克雷格·范·唐德
source

那么您是否使用“链接” css类来装饰锚点？

— leppie 2012年

1

您需要使用：hover伪类

— yoavmatchulsky 2012年

157

就是这样 cursor: pointer;应该做的。

如果希望光标保持正常状态，则应使用 cursor: default

— 贝瓦夸
source

谢谢，为我解决了问题。我想这取决于我的指针操作。您知道这有什么样的浏览器支持吗？我正在尝试隐藏指向我的后端部分的链接，所以我希望此链接始终以这种方式显示...

— Craig van Tonder 2012年

4

它具有完整的浏览器支持：您应该在Google上搜索更多

— bevacqua 2012年

15

使用内联样式使用<a href="your link here" style="cursor:default">your content here</a>。看这个例子

或者使用css。请参阅此示例。

该解决方案是跨浏览器兼容的。

— 开膛手杰克
source

4

尝试这个

删除手形光标

a.link {
    cursor: default;
}

— 阿尼尔·库玛·雷迪（Anil Kumar Reddy）
source

3

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

— 雅加达语
source

0

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

在以上代码中，使用了[ cursor：default ]。默认为通常出现的箭头光标。

而且，如果您使用[ cursor：指针]，则可以访问指针悬停在链接上时出现的指针。

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

— 代码碳酸盐
source