直接为 button:hover 设置 cursor: pointer 才生效，因浏览器默认已设 button 的 cursor 为 pointer，且直接写 button 元素上易被重置样式覆盖；disabled 按钮强制显示 not-allowed，无法通过 CSS 覆盖。
button 的 cursor 属性怎么写才生效？
直接给 <button> 设置 cursor: pointer 大概率没反应——因为浏览器对 <button> 有默认的 cursor 样式（通常是 default 或系统原生指针），但更关键的是：它可能被用户代理样式表或重置 CSS 覆盖。
实操建议：
- 用
!important强制覆盖（临时调试可用）：button { cursor: pointer !important; } - 更稳妥的方式是提高选择器权重，比如加类名：
<button class="clickable">提交</button>，再写.clickable { cursor: pointer; } - 避免只写
button元素选择器，尤其在用了 normalize.css 或 tailwind 等框架时，它们会重置cursor
为什么 disabled 按钮改不了 cursor？
<button disabled> 是个特例：无论你怎么设置 cursor，浏览器都会强制显示 not-allowed（禁止符号）。这是规范行为，不是 bug。
如果你需要“看起来可点击但逻辑禁用”，得绕过 disabled 属性：
立即学习“前端免费学习笔记（深入）”；
- 去掉
disabled，改用pointer-events: none+opacity: 0.6模拟禁用态 - 同时手动设
cursor: default（否则继承父级或默认值） - 注意：这会让按钮失去焦点和键盘访问能力，无障碍需额外处理
aria-disabled="true"
移动端 touch 设备要不要加 cursor？
绝大多数 iOS/Android 浏览器忽略 cursor 样式——手指没有“指针”概念。加了也不会显示，但也不会报错。
所以：
- 纯移动端项目可以不写
cursor，省点 CSS 体积 - 响应式项目里，如果按钮同时用于桌面和触屏，
cursor: pointer无害，保留即可 - 别依赖
cursor做交互提示，该加文字提示或图标就加
除了 pointer，还有哪些 cursor 值适合按钮？
按钮不只能用 pointer。根据语义和状态选更准确的值：
-
cursor: help：按钮带 tooltip 或引导功能（如问号图标按钮） -
cursor: move：按钮用于拖拽操作（如排序手柄） -
cursor: wait：按钮正在 loading，配合disabled使用（注意：disabled 仍会覆盖为not-allowed，所以得用pointer-events: none配合） - 避免用
cursor: text或cursor: crosshair，除非按钮明确模拟文本输入或取色器行为
真正容易被忽略的是：cursor 变化有延迟，尤其在快速悬停时；如果按钮尺寸小、间距密，用户根本感知不到变化。这时候不如优化按钮尺寸和反馈动效。
