文章导读
各位编程小伙伴，是不是经常遇到界面交互不够友好，鼠标指针样式不好看的问题？今天顺亿就来给大家分享一下如何用CSS轻松改变鼠标指针样式，让你的网站或者应用看起来更专业，用户体验更上一层楼！读完这篇文章，你将学会如何正确使用cursor属性，让你的鼠标指针变得生动有趣。
cursor属性的使用技巧
首先，cursor属性必须写在触发交互的元素本身上，比如按钮的cursor属性应该直接设置在按钮本身，而不是它的父容器。常用的伪类有:hover，但:disabled、:focus等也可以单独设置。
- 行内样式可以覆盖外部CSS，但pointer-events: none会使其失效。
- cursor属性写在哪才生效：直接写在触发交互的元素上，不是父容器也不是body。
- 比如想让按钮悬停时变成手型，cursor: pointer必须加在按钮本身的CSS里。
常见cursor值的实际行为差异
pointer和hand不是一回事：hand不是标准值，IE老版本私有，现在一律用pointer；move在拖拽场景下才自然，强行用在普通链接上反而让用户困惑。
default：箭头，别以为它“没用”——重置自定义光标时必须显式声明。
text：只在可文本选择区域（如p、input）才触发系统级文本光标，纯div里设了也不变。
not-allowed和no-drop视觉接近，但语义不同：前者表功能不可用（如禁用按钮），后者专用于拖放拒绝场景。
自定义图片光标（url(