CSS меняет оригинальное изображение курсора (горячую точку) на центр

Я хочу использовать нестандартное изображение для курсора.

Это хорошо, но из того, что я вижу, источник (наконечник стрелки) по умолчанию находится в верхней левой точке моего изображения.

Как я могу установить источник в центр моего изображения.

Вот демонстрационный фрагмент, чтобы продемонстрировать проблему

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>

Обратите внимание, что когда я пытаюсь выбрать текст - он выбирается в верхнем левом углу изображения.

37
задан Danield 14 August 2019 в 05:44
поделиться