cursor属性必须写在触发交互的元素本身上如按钮需直接设置cursor: pointer而非父容器伪类:hover最常用但:disabled、:focus等也可单独设置行内样式可覆盖外部CSS但pointer-events: none会使其失效。cursor属性写在哪才生效直接写在触发交互的元素上不是父容器也不是body。比如想让按钮悬停时变成手型cursor: pointer必须加在按钮本身的CSS里而不是它外面的div或section。伪类如:hover里写最常用但默认状态、禁用态:disabled、聚焦态:focus也可以单独设行内样式stylecursor: move;能覆盖外部CSS适合临时调试但别长期这么用如果用了pointer-events: none再设cursor也没用——鼠标根本“感知不到”这个元素常见cursor值的实际行为差异pointer和hand不是一回事hand不是标准值IE老版本私有现在一律用pointermove在拖拽场景下才自然强行用在普通链接上反而让用户困惑。default箭头别以为它“没用”——重置自定义光标时必须显式声明text只在可文本选择区域如p、input才触发系统级文本光标纯div里设了也不变not-allowed和no-drop视觉接近但语义不同前者表功能不可用如禁用按钮后者专用于拖放拒绝场景自定义图片光标url(icon.cur), auto必须带fallback值逗号后那个否则在路径失效或不支持时会变成默认箭头移动端和高DPI设备的坑手机上cursor基本无效——iOS/Android浏览器忽略大部分cursor值只有少数如text在输入框内可能响应。别为移动端写一堆cursor然后测试不到效果就怀疑自己。 唱鸭 音乐创作全流程的AI自动作曲工具集 AI 辅助作词、AI 自动作曲、编曲、混音于一体