是否可以删除将鼠标悬停在链接上时出现的手形光标? (或将其设置为普通指针)

发布于 2024-12-28 08:32:44 字数 266 浏览 2 评论 0原文

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

我尝试过这个 css:

a.link {
    cursor: pointer;
}

和这个:

a.link {
    cursor: pointer !important;
}

当我将鼠标悬停在链接上时,它仍然会变成手。

有谁知道为什么会发生这种情况,或者有什么解决方案可以使我实现这种效果?

I would like to remove the hand cursor that appears when you hover over a hyperlink.

I have tried this css:

a.link {
    cursor: pointer;
}

And this:

a.link {
    cursor: pointer !important;
}

And still it changes to the hand when I hover over the link.

Does anyone have any ideas as to why this happens or a solution that would enable me to achieve this effect?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(5

云胡 2025-01-04 08:32:44

这正是 cursor:pointer; 应该做的事情。

如果您希望光标保持正常,您应该使用 cursor: default

That's exactly what cursor: pointer; is supposed to do.

If you want the cursor to remain normal, you should be using cursor: default

绿光 2025-01-04 08:32:44

使用内联样式时请使用your content here
请参阅此
示例

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

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

Using inline styling use <a href="your link here" style="cursor:default">your content here</a>.
See this example

Alternatively use css. See this example.

This solution is cross-browser compatible.

墨洒年华 2025-01-04 08:32:44
<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>
<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>
柠檬色的秋千 2025-01-04 08:32:44

试试这个

删除手形光标

a.link {
    cursor: default;
}

Try this

To Remove Hand Cursor

a.link {
    cursor: default;
}
岁月染过的梦 2025-01-04 08:32:44
<style>
a{
cursor: default;
}
</style>

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

如果您使用[光标:指针],那么您可以访问当您将鼠标悬停在链接上时出现的手形光标。

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

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

In the above code [cursor:default] is used. Default is the usual arrow cursor that appears.

And if you use [cursor: pointer] then you can access to the hand like cursor that appears when you hover over a link.

To know more about cursors and their appearance click the below link:
https://www.w3schools.com/cssref/pr_class_cursor.asp

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文