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

我想删除手光标出现时,你悬停在一个超链接。

我试过这个 css:

a.link {
cursor: pointer;
}

还有这个:

a.link {
cursor: pointer !important;
}

当我悬停在链接上时,它仍然变成了手。

有没有人知道为什么会发生这种情况,或者有什么办法能让我达到这种效果?

173421 次浏览

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

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

使用内联样式使用 <a href="your link here" style="cursor:default">your content here</a>。 参见这个 < a href = “ http://jsfiddle.net/Srz4Z/”rel = “ noReferrer”> 示例

或者使用 css。

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

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

试试这个

移除手指光标

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

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

如果你使用[ 光标: 指针] ,那么你可以访问手像光标出现时,你悬停在一个链接。

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