<p></p>
cursor: pointer是最常用且应默认添加的交互提示，用于告知用户可点击；需为所有绑定click事件的元素设置，避免用户反复试探；自定义光标须含尺寸、热点坐标和fallback，移动端safari不支持url()自定义光标。
直接写 就能让元素悬停时变手型，这是最常用、也最该默认加上的交互提示。它不改变功能，但能立刻告诉用户“这里能点”。别只给 或 加——只要绑了 事件的 甚至图表图例，都该加。否则用户会反复试探，尤其在无边框、无背景色的区域。
常见误用是把 当视觉禁用，结果只改光标却没同步置灰或加 属性，用户仍可点击；或者在加载中用了 ，但后端响应慢，光标卡在沙漏状态，反而让用户以为页面卡死。更隐蔽的问题是：移动端 Safari 完全忽略 自定义光标，只认系统值；IE 只吃 格式，PNG 直接失效。
- 适合瞬时操作（如按钮点击反馈），长耗时任务建议配合骨架屏或进度条，别单靠光标
- 和 不同： 是“准备拖”， 是“正在拖”，后者需 JS 动态切换
- 在 元素里才生效，纯 加了也没用
想用 PNG 做光标？必须带 fallback，且尺寸压到 像素以内，否则 Chrome 会静默降级。热点坐标（hotspot）不是可选项——没写 ，光标点击点就可能偏移，尤其 SVG 转成 data URL 时容易漏掉。
隐藏光标听着酷，实则破坏可访问性：屏幕阅读器用户依赖光标定位，键盘 Tab 导航时焦点框若配 ，等于让用户“盲操”。仅限极少数全屏游戏或画布绘图场景，且必须提供替代控制方式（如快捷键提示）。日常业务系统里，它比不用 更危险。
立即学习“前端免费学习笔记（深入）”；
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容，请联系我们，一经查实，本站将立刻删除。
如需转载请保留出处：https://51itzy.com/kjqy/216561.html