CSS将自定义光标图像原点（热点）更改为中心

我想为光标使用自定义图像

这很好，但从我看到的情况来看，原点（箭头尖端）默认位于图像的左上角

如何将原点设置为图像的中心

下面是一个演示片段来演示这个问题

div{
宽度：600px；
高度：100px；
背景：粉红色；
游标：url(http://placehold.it/50x30)，自动
}

---

帽子里的猫
帽子里的猫
帽子里的猫
帽子里的猫
一个解决方案是移动图像的位置以匹配鼠标指针

cursor: url(image) [x y|auto];

没有回答问题，但这是有效的

HTML

div
{
    width: 600px;
    height: 100px;
    background: pink;
    cursor: url(http://placehold.it/50x30) 25 15, auto;
}

一种解决方案是移动图像的位置以匹配鼠标指针

cursor: url(image) [x y|auto];

没有回答问题，但这是有效的

HTML

div
{
    width: 600px;
    height: 100px;
    background: pink;
    cursor: url(http://placehold.it/50x30) 25 15, auto;
}

我刚从以下地方找到这个：

Gecko1.8中添加了对css3语法的支持
（Firefox 1.5）：

光标：[[code>
]？，]*关键字它允许指定
光标热点的坐标，将被夹持到
光标图像的边界。如果未指定，则坐标
从文件本身读取热点的个数（对于CUR和XBM文件）
或设置在图像的左上角。CSS3的一个示例
语法是：

/*返回IE中的“自动”和“指针”，但必须设置
分别*/第一个数字是x坐标，第二个数字是x坐标
数字是y坐标。该示例将热点设置为
左上角（0,0）的（4,12）处的像素。

我刚从以下地方找到这个：

Gecko1.8中添加了对css3语法的支持
（Firefox 1.5）：

光标：[[code>

]？，]*关键字它允许指定 光标热点的坐标，将被夹持到 光标图像的边界。如果未指定，则坐标 从文件本身读取热点的个数（对于CUR和XBM文件） 或设置在图像的左上角。CSS3的一个示例 语法是：

/*返回IE中的“自动”和“指针”，但必须设置 分别*/第一个数字是x坐标，第二个数字是x坐标 数字是y坐标。该示例将热点设置为 左上角（0,0）的（4,12）处的像素。

您可以通过以下方式进行设置：

cursor:url(http://placehold.it/50x30) 25 15, auto;

我添加的两个参数设置光标的中心。

您可以通过以下方式进行设置：

cursor:url(http://placehold.it/50x30) 25 15, auto;

---

我添加的两个参数设置了光标的中心。

Chrome/Chrome在版本25到41之间有一个可怕的错误，CSS3光标位置被破坏：Chrome/Chrome在版本25到41之间有一个可怕的错误，CSS3光标位置被破坏：