CSS .cur cursor format -


i set custom cursor url(mouse2.cur) , doesnt change.

(mouse2.png) works perfectly! whats problem ?

body{     cursor: url(mouse2.cur),pointer;     -webkit-user-select: none;     -moz-user-select: none;     -ms-user-select: none; } 

different browsers have different support in url of cursors.

firefox/mac, safari/mac, chrome/mac don't support png , jpg cursors (tested 48px cursors). ie supports cursors in cur format.

according caniuse: http://caniuse.com/#search=cursor

w3c css3 specification states:

the ua must support following image file formats:

  • png, defined in [png]
  • svg, defined in [svg], in secure static mode [svg-integration]
  • any other non-animated image file format support in other properties, such the background-image property

by way, w3c css3 specification says .cur cursors should supported browsers.

note: @ time of writing specification (spring 2015), file formats supported cursors in common desktop browsers .ico , .cur file formats, designed microsoft. compatibility legacy content, uas encouraged support these, though lack of open specification makes impossible have normative requirement these formats. information on these formats can found on wikipedia.

http://www.w3.org/tr/css3-ui/#cursor

finally, .cur file may broken or link returns 404 error. please check link .cur file.


Comments

Popular posts from this blog

dns - How To Use Custom Nameserver On Free Cloudflare? -

python - Pygame screen.blit not working -

c# - Web API response xml language -