单击时更改鼠标指针,释放时返回

Change mouse pointer on click and get back on release

本文关键字:释放 返回 单击 鼠标指针      更新时间:2024-03-19

我正在进行一个项目,我使用谷歌手动光标:

https://maps.gstatic.com/mapfiles/openhand_8_8.cur和https://maps.gstatic.com/mapfiles/closedhand_8_8.cur

我没有什么想法,我想openhand鼠标悬停时的默认光标(.slide:hover),单击时。滑动将光标更改为关闭并

我在网上找到了一些答案,但在任何地方我都找不到如何在点击释放时返回光标的答案。

谢谢!

您希望按照建议使用.slide:hover。然后,对于闭合的手,单击.slide:active

请参阅此JsFiddle。

.slide:hover {
    cursor: url('https://maps.gstatic.com/mapfiles/openhand_8_8.cur'), auto;
}
.slide:active {
    cursor: url('https://maps.gstatic.com/mapfiles/closedhand_8_8.cur'), auto;
}