将鼠标悬停在 link 上时如何将图像设置为光标

How to set an image as a cursor when hovering over a link

我试过这个:

a:悬停 { cursor:url(customcursor.cur), 默认; }

它不起作用,也许我做错了,谁能告诉我怎么做?

编辑:发现问题...是图片,更改文件扩展名不起作用facepalm我是个白痴

HTML:

 <a href=''>AAA</a>

CSS:

 a {
   background:gray;
   display: block;
   width:200px;
   height:200px;
   cursor:url(http://www.picgifs.com/smileys/smileys-and-emoticons/money/smileys-money-671353.gif), auto;
   }

工作演示:http://jsfiddle.net/jani11bolkvadze/4fx02a6p/