css - 自定义光标不适用于图像

Question

SO 上的所有解决方案都试过了，都没有成功。我有一个图像作为光标出现在我的图像上。我已经尝试了所有这些。

img:hover{
  cursor: url(../images/wand.ico), auto;
}

img{
  cursor: url(../images/wand.ico), auto;
}

不是 .ico，而是 .png。在这两种情况下，这些都不起作用。我读过this案件。但这样做并没有帮助。调整图像大小但光标仍然不起作用。任何人都可以在这方面帮助我吗？我没有那么多知识，但我搜索并研究了几乎所有解决方案。

Answer 1

您需要在 CSS 中设置一些其他属性。

img {
  cursor: url(../images/wand.ico), auto;
  // set the width and height to the size of the png/ico
  width: 20px;
  height: 20px;
  // Set the display type
  display: block;
}

试一试。我认为它不起作用，因为图像没有尺寸，因此它是不可见的。