CSS .cur cursor format

Question

Я установил пользовательский курсор url(mouse2.cur), и он не меняется.

(mouse2.png) работает отлично! В чем проблема ?

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

Answer 1

Различные браузеры имеют различную поддержку в URL-адресах курсоров.

Firefox/Mac, Safari/Mac, Chrome/Mac не поддерживают курсоры PNG и JPG (тестируются с помощью курсоров 48px). IE поддерживает только курсоры в формате CUR.

По CanIUse: http://caniuse.com/#search=cursor

W3C CSS3 Спецификация гласит:

Агент UA должен поддерживать следующие форматы файлов изображений:

• PNG, как это определено в [PNG]
• SVG, как определено в [SVG], в защищенном статическом режиме [SVG-INTEGRATION]
• любой другой формат файла не анимированный образ, который они поддерживают для других свойств, таких как фоновое изображение свойство

Кстати, W3C CSS3 Спецификация говорит, что .cur курсоры должны быть поддержаны по большинству браузеров.

Примечание: На момент написания данной спецификации (весна 2015), в только форматы файлов поддерживаются для курсоров в обычных настольных браузеров .ico и .cur форматы файлов, как она была задумана Microsoft. Для совместимости с устаревшим контентом UA рекомендуется поддерживать , хотя отсутствие открытой спецификации делает невозможным нормативное требование об этих форматах. Некоторые информацию об этих форматах можно найти в Википедии.

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

Наконец, файл .cur может быть нарушена или даже ссылка на него возвращает ошибку 404. Проверьте ссылку на файл .cur.