html – CSS3中的反转指针

发布时间：2020-12-14 23:25:59 所属栏目：资源来源：网络整理

导读：我有一个Web应用程序,当我将一个元素悬停在Microsoft Word或Notepad中时,我需要光标反转(从右向左翻转)：我没有在指针列表中找到它. 我知道我可以用这个： #reversedCursor:hover{ cursor: url("pointer.png"),pointer;} 但光标位置将位于图像的左上角,我希

我有一个Web应用程序,当我将一个元素悬停在Microsoft Word或Notepad中时,我需要光标反转(从右向左翻转)：

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

我知道我可以用这个：

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

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

我不想通过改变元素位置或其他类似的东西来实现一些难以实现的东西.

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

我希望你明白我的需要.

解决方法

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

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

所以在你的情况下像：

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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!