CSS .cur 光标格式

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]
• 他们在其他属性中支持的任何其他非动画图像文件格式，例如 background-image 属性

顺便说一句，W3C CSS3 规范说.cur大多数浏览器都应该支持游标。

注意：在编写本规范时（2015 年春季），常见桌面浏览器中唯一支持光标的文件格式是 Microsoft 设计的 .ico 和 .cur 文件格式。为了与遗留内容兼容，鼓励 UA 支持这些，即使缺乏开放规范使得不可能对这些格式有规范要求。关于这些格式的一些信息可以在维基百科上找到。

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

最后，您的.cur文件可能已损坏，甚至链接到它会返回 404 错误。请检查指向您的.cur文件的链接。