单击时更改鼠标指针并返回发布

Question

我正在开发一个使用谷歌手游标的项目：

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

我有很少的人，我想做 openhand 光标在鼠标悬停时默认为（.slide：hover）， 当点击 .slide 时，将光标更改为 封闭式 。

我在互联网上找到了一些答案，但在点击发布时我无法找到答案如何取回光标。

谢谢！

Answer 1

您想要使用.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;
}