将外部图像用于CSS自定义光标

小编典典

将外部图像用于CSS自定义光标

html

CSS定制游标可以使用外部图像URL吗？以下示例不起作用：

HTML：

<div class="test">TEST</div>

CSS：

.test {
  background:gray;
  width:200px;
  height:200px;
  cursor:url('http://upload.wikimedia.org/wikipedia/commons/d/de/POL_apple.jpg');
}

阅读 293

2020-05-10

共1个答案

小编典典

由于您的图片太大，因此无法正常工作-图片尺寸受到限制。例如，在Firefox中，大小限制为128x128px。。

此外，您还必须添加auto。

.test {

  background:gray;

  width:200px;

  height:200px;

  cursor:url(http://www.javascriptkit.com/dhtmltutors/cursor-hand.gif), auto;

}


<div class="test">TEST</div>

2020-05-10