CSS custom cursor doesn't work in FF/Chrome

前端 未结 2 2035
梦谈多话
梦谈多话 2020-11-28 12:38

I am trying to create a custom cursor using the following image:

http://anuary.com/dev/hp/pad3/public/images/hand-cursor.png

The image size

2条回答
  •  猫巷女王i
    2020-11-28 13:02

    The problem is not just with your css code lacking second argument but with the image file.

    If you simply resize, make it smaller (i tried 32px for testing purposes) it works like a charm.

    You might also want "pointer" rather than auto, judging by the look of the image;

    cursor: url('http://anuary.com/dev/hp/pad3/public/images/hand-cursor.png'), pointer;
    

    EDIT: i realize now you wanted to keep the size but it just won't work. see https://developer.mozilla.org/en/Using_URL_values_for_the_cursor_property for more info

提交回复
热议问题