cursor属性常用值包括pointer、default、wait、help等通用值；grab、zoom-in等值在旧版Safari中兼容性差，需谨慎使用或添加浏览器前缀。
cursor属性能用哪些值？不是所有值都通用
直接写 cursor: pointer 没问题，但写 cursor: grab 或 cursor: zoom-in 就得小心——这些值在旧版 Safari（cursor: context-menu 在 Firefox 里会显示系统右键菜单图标，Chrome 里可能回退成 default。
实际开发中建议优先使用稳妥值：default、pointer、wait、not-allowed、text、move。需要更精细控制时，再叠加自定义图片方案。
-
pointer是最常用也最安全的“手型”，适合所有可点击元素 -
not-allowed比default更明确表达“当前不可操作”，别只靠颜色灰掉就完事 - 避免用
cursor: help，用户不一定理解那个带问号的小箭头代表什么
用图片做自定义光标要注意尺寸和格式
想用 cursor: url("hand.cur"), pointer 这种写法，第一个问题不是怎么画图，而是浏览器对图片尺寸和格式极其敏感：IE 只认 .cur，且必须是 32×32 像素以内；Chrome/Firefox 支持 .png，但超过 128×128 容易被截断或模糊，而且必须指定热区坐标（url("hand.png") 16 16, pointer 中的 16 16 就是 x/y 偏移）。
- 没写 fallback 值（逗号后的
pointer）会导致整个声明失效，光标变回default - 本地开发用
file://协议时，Chrome 会直接拒绝加载自定义光标图片 - SVG 不推荐——即使语法合法，多数浏览器不渲染 SVG 光标
:hover 里改 cursor 失效？检查是否被其他规则覆盖
写了 a:hover { cursor: pointer; } 却没反应，大概率是 CSS 特异性（specificity）或层叠顺序出了问题。常见情况是父容器设置了 cursor: not-allowed，而子元素没显式重置；或者用了 !important 错误地锁死了默认值。
立即学习“前端免费学习笔记（深入）”；
- 用浏览器开发者工具检查 computed 标签页，看
cursor最终计算值是什么，而不是只盯 styles 面板 - 如果父级有
cursor: none，子元素仅靠:hover无法覆盖，必须加!important或提高选择器权重 - React/Vue 组件里动态加 class，记得确认 class 确实生效了，别被条件渲染逻辑漏掉
移动端要不要设 cursor？基本不用
手机和平板没有鼠标，cursor 属性在 iOS/Android 浏览器里基本被忽略（Safari 甚至完全不解析）。强行加不会报错，但纯属冗余。真要区分“可点”和“不可点”，应该靠 pointer-events: none 控制交互，再配合视觉反馈（比如按压态 :active 的背景色变化）。
- 不要为了“统一 PC/移动端样式”而在媒体查询里给移动端也写
cursor - 如果项目要用
hover模拟悬停效果（比如下拉菜单），注意移动端触发逻辑完全不同，cursor对此毫无帮助
pointer-events、:hover、:active 混在一起时，一个没对齐，用户就感觉“点不动”或“不知道能不能点”。 
