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;