Search code examples
htmlcsscursor

CSS Custom cursor not working, does browsers not support it anymore?

 body {cursor: url(cursor/NB_Arrow.cur);}

in stylesheet

This line of code is what I saw how to do it on all the other stackoverflow answers but it doesn't seem to be working. my cursor stays the same as normal default arrow cursor.

Does browsers not support it anymore these days or have I done a typo in my code

Tried it on IE, Latest Chrome and Latest Firefox all not working

Solution

  • As stated in MDN:

    Syntax

    This means that zero or more URLs may be specified (comma-separated), which must be followed by one of the keywords defined in the CSS specification, such as auto or pointer.

    So try using:

    body {
    cursor: url(cursor/NB_Arrow.cur), auto;
}