CODEWITHSUNDEEP
htmlcsscursor
Friedpanseller
Friedpanseller

Reputation: 699

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

Upvotes: 0

Views: 1566

Answers (2)

Adrift
Adrift

Reputation: 59779

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

Upvotes: 1

vimes1984
vimes1984

Reputation: 1693

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

Upvotes: 1

Related Questions