纯CSS无法可靠隐藏全屏光标，必须用JS：指针锁定（需用户手势触发）或mousemove事件配合定时器动态控制；移动端需禁用touchAction并避免可聚焦元素。
全屏时鼠标自动隐藏的 CSS 方案不生效？
HTML5 全屏模式下，cursor: none 多数浏览器不会生效——这不是你写错了，是规范限制。浏览器在全屏状态下会重置部分 CSS 样式，尤其是涉及输入设备交互的属性，cursor 就在此列。
真正可靠的方案是用 JS 主动控制：进入全屏后调用 document.documentElement.requestPointerLock()（指针锁定），或监听 mousemove 事件动态隐藏/显示。
- 指针锁定会彻底隐藏光标且禁止其移出元素区域，适合游戏、演示类场景；但用户需主动点击触发，且 Esc 可退出
- 仅靠
cursor: none在 Chrome/Firefox 全屏中基本无效，Safari 更是完全忽略 - 若只是想“几秒无操作后隐藏”，必须用定时器 +
mousemove事件手动切换style.cursor
requestPointerLock() 调用失败的常见原因
调用 document.documentElement.requestPointerLock() 报错 NotAllowedError 是最常遇到的卡点，根本原因是该 API 只允许在用户手势（如 click、keydown）触发的同步上下文中执行。
不能放在 fullscreenchange 回调里直接调，因为该事件不是由用户直接触发的；也不能包在 setTimeout 或 Promise.then 中延迟执行。
立即学习“前端免费学习笔记（深入）”；
- 正确做法：把
requestPointerLock()放在全屏按钮的onclick回调末尾，紧挨着element.requestFullscreen() - 如果用了
async/await包裹requestFullscreen()，后续的requestPointerLock()仍需在同一个同步事件栈中，不能 await 完再调 - 移动端不支持
requestPointerLock()，iOS Safari 完全禁用，Android Chrome 需要allow="pointer-lock"iframe 属性（且仅限 iframe 内全屏）
全屏下用 CSS 控制光标显示的兼容性真相
别信“加个 :fullscreen * { cursor: none; } 就行”的说法。CSS 伪类 :fullscreen 确实存在，但它只影响元素自身及其后代的样式继承，而光标状态是由顶层 document 或当前激活元素决定的，CSS 无法穿透到系统级光标控制层。
更现实的做法是：全屏后给 或根容器加一个 class，比如 fullscreen-cursor-hidden，然后用 JS 动态设置 document.body.style.cursor = 'none' —— 这招在部分 Chrome 版本中偶有作用，但不可依赖。
-
:fullscreen选择器本身兼容性尚可（Chrome 63+、Firefox 64+、Safari 15.4+），但对cursor属性无实际约束力 - Edge/IE 已淘汰，无需考虑
::-ms-fullscreen等旧前缀 - 真正起效的只有 JS 主动设置 + 指针锁定，或靠
mousemove事件模拟“自动隐藏”
移动端全屏隐藏光标的可行路径
移动端没有传统意义上的“鼠标指针”，但 Safari 和 Chrome 在横屏全屏视频或 <canvas></canvas> 场景下仍会显示系统级的触摸反馈光标（尤其外接蓝牙鼠标时）。这时候 CSS 和 requestPointerLock() 都失效，唯一可控的方式是让页面内容始终占据整个视口，并屏蔽所有可能触发光标显示的交互。
关键动作是：全屏后立即执行 document.body.style.touchAction = 'none'，并确保无任何 :hover 样式残留，同时避免 input、textarea 等可聚焦元素出现在全屏区域内。
- iOS Safari 对
requestFullscreen()的调用限制极严：只允许<video></video>元素在用户手势后调用，且全屏后无法再执行其他 DOM 操作 - 安卓 Chrome 允许
div.requestFullscreen()，但启用指针锁定需在 iframe 中并声明allow="pointer-lock" - 不要尝试用
meta name="viewport"的user-scalable=no来“防光标”——它只影响缩放，和光标无关
全屏 + 隐藏光标这件事，本质是浏览器在安全策略和用户体验之间做的妥协。越想“彻底隐藏”，越要接受 JS 主动干预的复杂度；指望纯 CSS 解决，大概率会在某个版本更新后突然失效。
