cursor属性必须写在触发交互的元素本身CSS规则中，如a{cursor:pointer;}，而非父容器、行内style或JS；需设默认状态而非仅:hover，且自定义光标须带fallback值。
cursor 属性写在哪？CSS 里直接生效
链接的鼠标手势必须通过 CSS 的 cursor 属性控制，不能写在 HTML 的 style 行内（虽然能用但不推荐），更不能靠 JS 动态改 href 或加事件模拟。它属于纯视觉反馈层，浏览器原生支持，无性能开销。
常见错误是把 cursor: pointer 写在 a 标签的 onclick 里，或者误以为加了 href 就自动有手型——其实没加 CSS 时，很多浏览器默认仍显示箭头（尤其在禁用链接或 href="#" 未处理时）。
-
cursor: pointer是最稳妥的链接手势，语义明确，兼容所有现代浏览器和 IE9+ - 避免用
cursor: hand：IE5/6 旧语法，已废弃，Chrome/Firefox 完全不识别 - 若链接被禁用（如
aria-disabled="true"），应配cursor: not-allowed，而不是留空或沿用pointer
伪类状态要不要加 cursor？必须区分 :hover 和 :active
只给 a 元素设 cursor: pointer 就够了，无需重复写在 :hover 或 :active 里——除非你想做特殊反馈，比如按下时变成 grabbing（拖拽中）或 wait（加载中）。
典型误区是认为“悬停才需要手型”，结果导致链接在非 hover 区域（如文字边缘、行高留白处）鼠标移入瞬间没反应，用户感知卡顿。
- 基础写法：
a { cursor: pointer; }—— 覆盖整个元素盒模型区域 - 如果链接内嵌图标或图片，且父容器用了
display: flex或inline-block，检查是否因子元素cursor: default覆盖了父级设置 - 慎用
a:active { cursor: progress; }：部分浏览器不支持 active 状态下切换 cursor，且与真实加载逻辑脱节，建议用 JS 控制 class 切换
自定义光标图标（.cur / .png）为什么常失效？
用 url() 引入自定义光标文件（如 cursor: url("hand.cur"), pointer;）看似灵活，但实际限制极多：
生成可在 deepbi 沙箱 iframe 内运行或作为独立文件运行的交互式 HTML 页面，使用 `window.deepbi` JS SDK 实现数据查询、空间管理、文件浏览及用户操作。当用户提出以下需求时启用该能力： - 创建 KPI 仪表盘、数据表格、文件浏览器、成员列表、管理页面； - 明确要求“转成 dhtml”、“转译成 HTML”、“把 XX 页面转成……”、“控制台页面”、“管理后台”、“DeepBI 页面迁移”； - 提及位于 `apps/console/src/featur
- 路径必须是相对 CSS 文件位置，不是 HTML 页面；用绝对路径或
/assets/cursor.cur更稳 - .cur 文件尺寸需 ≤ 128×128px，且仅 Windows 原生支持；.png 需带透明通道，但 Safari 对 PNG 光标支持不稳定
- 必须提供 fallback（逗号后第二个值），否则整个声明被忽略——
cursor: url("x.cur"), auto;中的auto会被当成无效值，应写成cursor: url("x.cur"), pointer; - HTTPS 页面无法加载 HTTP 协议的光标资源（混合内容拦截），本地 file:// 协议也大概率失败
React/Vue 项目里动态控制 cursor？别直接操作 style
框架中想根据状态切手势（如 loading 中禁用链接），不要用 ref.current.style.cursor = "wait" 这种硬编码方式——它绕过 CSS 优先级，难维护，且可能被后续样式覆盖。
正确做法是绑定 class：
// React 示例
<a href="https://www.php.cn/link/f7d7a8410cdb8c339a83a959bd0bf96e" classname="{`btn" :>提交</a>
再在 CSS 中统一管理：
.btn { cursor: pointer; }
.btn.is-loading { cursor: wait !important; }
- 务必加
!important：因为内联 style 的优先级高于普通 class，而 class 之间优先级靠 specificity，!important是唯一可靠兜底 - 避免在组件内用
useState+useEffect监听并反复 setStyle，既冗余又易引发竞态 - SSR 场景下，服务端渲染时
cursor不会生效（无 DOM），所以 fallback 值（如pointer）必须写在初始 CSS 中
关键点其实就两个：一是 cursor 必须写在 CSS 里且作用于整个可点击区域，二是自定义光标远不如预期可靠，日常开发中老实用 pointer 和 not-allowed 覆盖 95% 场景。真正容易被忽略的是子元素继承覆盖和 SSR 下的 fallback 缺失。
