按钮Hover时鼠标指针未变为手型，如何修改实现该效果？

你可以通过CSS的cursor属性手动设置按钮悬停时的光标样式，具体有几种实现方式：

• 内联样式直接设置：
  直接在button标签里添加style属性，快速生效：

  <button style="cursor: pointer;">Submit</button>
  

• 全局按钮样式（内部/外部CSS）：
  如果想让页面上所有按钮都有这个效果，在CSS中给按钮的hover状态设置样式：

  button:hover {
      cursor: pointer;
  }
  

• 特定按钮样式：
  给目标按钮添加类名，仅对该类按钮生效：
  HTML代码：

  <button class="hand-cursor">Submit</button>
  

  CSS代码：

  .hand-cursor:hover {
      cursor: pointer;
  }
  

默认情况下浏览器按钮hover时应该显示手型，出现这个问题大概率是你的项目中存在CSS重置样式或者自定义样式覆盖了浏览器默认行为，手动设置cursor: pointer;就能恢复预期效果。

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