CSS cursor样式是否会被自动覆盖？React项目修改cursor不生效问题

• 排查选择器优先级问题
  你自定义的cursor: default被划掉说明存在优先级更高的同属性规则。你可以先在你写的样式后加!important临时测试是否生效，如果生效则确认为优先级问题，后续可以通过给选择器增加父级前缀（比如从.target-btn改成.page-wrap .target-btn）的方式提升优先级，不推荐生产环境直接使用!important。
• 排查样式作用域匹配问题
  如果你使用了CSS Module、CSS-in-JS这类带作用域的样式方案，先确认你给目标元素绑定的类名是否正确，比如CSS Module是否漏加了styles.前缀导致你写的样式类名没有实际绑定到元素上。
• 排查第三方样式覆盖问题
  未手动声明的cursor: pointer大概率来自你引入的UI组件库（比如MUI、Antd等）的默认样式，你可以在开发者工具中点击该生效样式旁的文件路径，直接定位到规则来源，再通过UI组件库提供的自定义样式入口，或者对应样式方案的深度选择器来覆盖默认规则。
• 排查编译/缓存问题
  先执行强制刷新（Windows：Ctrl+Shift+R，Mac：Cmd+Shift+R）清理浏览器缓存重新加载，若仍未生效可以重启本地开发服务，确认SCSS文件被正确编译。

内容的提问来源于stack exchange，提问作者TylerKenFleck