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

Question

 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

Answer 1

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;
}

Answer 2

https://developer.mozilla.org/en-US/docs/Web/CSS/cursor/url

Seems to still be supported...

http://jsfiddle.net/7xFDM/3/

    .test {
   /* cursor: pointer;*/
    cursor: url(http://www.rw-designer.com/cursor-view/63374.gif), auto;
    }