不是所有字符串都能当值用，浏览器只认标准关键字、URL路径或这类保留字。写错会直接回退到默认箭头，连报错都不会抛——你改了半天没反应，大概率是拼错了写成，或者漏了短横线。
常见合法值分三类：
- 、、、、/、——这些是跨浏览器最稳的
- 自定义图片，但必须配兜底，否则在图片加载失败或不支持时整个光标就消失了
- 这种新值，在旧版Safari里不生效，别指望它做核心交互提示
想用？先确认三件事：图片尺寸是否≤32×32像素（Windows限制）、是否有透明通道、是否带热区坐标。
热区坐标不写，默认以左上角为点击点，结果就是鼠标指哪点哪，但视觉上光标中心偏了——用户拖拽时总感觉“对不准”。正确写法是：
注意：格式比更稳妥，原生支持热区；如果非用，得补两个数字，比如，表示从左上角偏移8px处为热区。
很多人以为给设就完事了，其实没用——伪类本身不触发，而只有在元素可交互且被悬停时才生效。真正该做的是：
- 给直接加（属性选择器，不是伪类）
- 避免在父容器上设再靠继承，因为自己有默认，会覆盖继承值
- React/Vue里动态禁用按钮时，记得同时切换或内联样式，不能只靠属性
iOS Safari 完全忽略属性——无论你写还是，手指点下去永远是系统默认样式。这不是 bug，是设计如此。所以别在响应式项目里给以外的场景设，否则会误导开发判断。
真要区分触摸/悬停，得靠媒体查询配合：
否则在Mac触控板+鼠标混用设备上，可能意外生效又突然消失。
热区坐标、兜底值、移动端失效——这三个点漏掉任何一个，光标就会在某个环境里“失踪”或者“错位”，而且很难一眼定位问题。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容，请联系我们，一经查实，本站将立刻删除。
如需转载请保留出处：https://51itzy.com/kjqy/227343.html