为什么 CSS 光标属性不适用于自定义 URL？

Question

CSS：

#cursor {
  cursor: url(cursor.gif);
}

HTML：

<div id="cursor">
  <p>Hello world!</p>
</div>

Answer 1

根据MDN：

可以指定零个或多个 URL（以逗号分隔），后面必须跟 CSS 规范中定义的关键字之一，例如auto或pointer。

因此，您需要定义一个游标值作为.url()

例如，使用auto：

#cursor {
  width: 100px;
  height: 100px;
  border: 1px solid;
  cursor: url(//placehold.it/20), auto;
}

<div id="cursor"></div>