286835 - javascriptkit.com - CSS cursor syntax for url()-defined custom cursors is wrong

Status: RESOLVED WONTFIX

(Web Compatibility :: Site Reports, defect)

Description

[Jeff Walden [:Waldo]]

The correct syntax for url()-specified CSS cursors says that to use a
url()-defined cursor, it must be one option in a list that ends with a cursor
value listed in the CSS specification[1] (e.g., pointer, auto, wait, help,
etc.).  Examples of the proper syntax are:

<style type="text/css">
p { cursor: url(http://www.example.com/testcursor.cur),auto; }
</style>

<span style="cursor:url(http://www.example.com/testcursor.cur),auto"></span>

However, the syntax specified at the site is an IE-specific alternate which
allows for the omission of the fallback cursor.  This is against the spec, but
unfortunately most instructions on specifying custom cursors omit the fallback
value.  Examples of the syntax which should be used (and which needs to be
changed on the site in question) are:

<style type="text/css">
p { cursor: url(http://www.example.com/testcursor.cur); }
</style>

<span style="cursor:url(http://www.example.com/testcursor.cur);"></span>

Particularly now that code to support such CSS code has been checked into the
tree and will be in Firefox 1.1, we need to get this site to update its
instructions so that new pages will display properly in all browsers. 
Preferably, the person to make contact with the page's author should be familiar
with the CSS specification as it deals with cursors so that we get the
description of cursor syntax corrected properly.

It's also worth pointing out at the same time that currently Mozilla doesn't
support ANI cursors, though it does support CUR, static GIF, all the flavors of
PNG that I could find, and BMP formats for custom cursors.

1. http://www.w3.org/TR/REC-CSS2/ui.html#cursor-props

Comment 1

[Karl Dubost💡 :karlcow]

Nobody has contacted the site. The issue is still there.

Comment 2

[Mike Taylor [:miketaylr]]

Given that custom cursors have gone out of style (and the fact that this doesn't work in IE11 or Edge at this point), let's go ahead and close as WONTFIX.