Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Cursor url property does not seem to work on Chrome and Firefox

Tags:

html

css

<body style="CURSOR: url('arrr.ani')"> hello </body>

Why the above CSS property does not work on Google Chrome and works on IE, if only the cursor is over the word hello in IE. I want to use my own cursor for my webpage, I wanted to use a black cursor on my website. Where am I going wrong or is it possible to change the color of cursor to black?

Update

But works here check out this website http://www.anicursor.com/webcursor.html. The owner of the website used his own cursor, I used the same property but it does not seem to work with me.

like image 438
niko Avatar asked Dec 05 '22 18:12

niko


1 Answers

As BoltClock said, try the following:

<body style="cursor: url('arrr.ani'), default">

Adding default makes firefox and chrome validate the cursor rule.

like image 86
Capagris Avatar answered Apr 09 '23 16:04

Capagris