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

Question

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

这很好，但据我所知 - 原点(箭头尖端)默认位于图像的左上角。

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

这是一个演示问题的演示片段

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

<div>the cat in the hat<br> the cat in the hat<br> the cat in the hat<br> the cat in the hat</div>

请注意，当我尝试选择文本时 - 它会从图像的左上角进行选择。

Answer 1

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

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

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

HTML

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