button元素默认自带cursor: pointer，无需重复设置；常见失效原因是pointer-events: none、遮挡、z-index或框架样式覆盖；自定义光标需正确路径与fallback；移动端忽略cursor声明。
button元素默认就有cursor: pointer，别重复设置
浏览器对 <button></button>、<a></a>、input[type="button"] 等可交互元素自带 UA 样式，其中就包含 cursor: pointer。直接写 <button>点我</button>，悬停时已是手型——你看到的“没反应”，大概率是其他样式覆盖或元素没被真正悬停到。
常见干扰项：
-
pointer-events: none关闭了鼠标事件，光标自然不生效 - 父容器设置了
overflow: hidden或伪元素遮挡，鼠标实际没落在 button 上 - 按钮被
z-index压在底层，或有透明 overlay 挡住
想改手型为其他光标，必须显式覆盖默认值
比如要让按钮悬停时显示 help 图标（带问号），不能只给父容器设 cursor: help，因为 button 自身的 pointer 会优先级更高。得直接作用于 button：
.help-btn { cursor: help; }
或者用属性选择器精准命中：
button[data-help] { cursor: help; }
注意：如果按钮用了框架（如 React 渲染的 <button class="ant-btn"></button>），检查框架 CSS 是否已设 cursor: default —— 这时你需要更高优先级规则，比如加 !important（仅调试用）或用 button.ant-btn 组合选择器。
如果你了解HTML，CSS和JavaScript，您已经拥有所需的工具开发Android应用程序。本动手本书展示了如何使用这些开源web标准设计和建造，可适应任何Android设备的应用程序 - 无需使用Java。您将学习如何创建一个在您选择的平台的Android友好的网络应用程序，然后转换与自由PhoneGap框架到一个原生的Android应用程序。了解为什么设备无关的移动应用是未来的潮流，并开始构建应用程序，提供更
自定义图片光标（.cur/.png）必须带 fallback 且路径正确
写成这样才有效：
.custom-cursor { cursor: url("hand.cur"), pointer; }
关键点：
- 文件必须是
.cur或.ani（最稳）；.png需额外声明热区，如url("hand.png") 16 28, pointer -
url()路径是相对于 CSS 文件位置，不是 HTML 文件 —— 本地开发时用file://协议会静默失败，必须起http://localhost服务验证 - 尺寸建议 ≤32×32px；超出部分可能被截断，尤其 Windows 系统限制严格
移动端根本不用操心 cursor
iOS Safari 和 Android Chrome 完全忽略 cursor 声明，hover 伪类本身也不可靠。所谓“按钮手型提示”在触屏设备上毫无意义。如果你的目标是提升可访问性，重点该放在：focus-visible 样式、语义化 role 属性、键盘导航支持 —— 而不是纠结光标形状。
真正容易被忽略的是：光标是否真的落在目标元素上。用开发者工具的 “Select an element” 功能悬停检查，比反复调 CSS 更快定位问题。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
