小编典典

将外部图像用于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');
}

阅读 294

收藏
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