CSS3中的反转指针

Question

我有一个Web应用程序，当我将鼠标悬停在 Microsoft Word 或 Notepad ++ 之类的一个元素时，我需要光标反转（从右向左翻转）：

我没有在指针列表中找到它。

我知道我可以用这个：

#reversedCursor:hover
{
    cursor: url("pointer.png"), pointer;
}

但光标位置将位于图像的左上角，我希望它位于右上角。

我不希望在改变元素位置或其他类似的东西时难以实现。

总结：是否可以将指针更改为反转指针，还是可以将光标位置设置在光标图像中的某个位置？如果是的话，你能举个例子吗？

我希望你明白我的需要。

Answer 1

您可以使用css3指定光标热点的位置：

cursor: [ <uri> [ <x> <y> ]? , ]* <system>;

所以在你的情况下如下：

cursor:  url("pointer.png") 25 0, pointer;