Bootstrap 4中如何设置未禁用按钮的光标为pointer？

嘿，这个问题挺常见的，我给你几个实用的解决方案：

• 方案一：自定义CSS强化样式优先级
  Bootstrap的.btn类其实默认已经给未禁用的按钮设置了cursor: pointer，但如果你的项目里有其他样式覆盖了这个规则，或者Angular动态绑定disabled属性时样式没正确生效，你可以写个更明确的CSS规则来强制设置：

  /* 全局生效，针对所有Bootstrap按钮 */
  .btn:not(:disabled):not(.disabled) {
    cursor: pointer;
  }
  

  要是只想针对这个登录按钮生效，避免影响其他按钮，你可以给按钮加个专属类：

  <button class="btn btn-primary login-btn" [disabled]="user==undefined">Login</button>
  

  对应的CSS：

  .login-btn:not(:disabled):not(.disabled) {
    cursor: pointer;
  }
  

  如果还是被其他样式覆盖，就加个!important（尽量少用，万不得已再用）：

  .login-btn:not(:disabled):not(.disabled) {
    cursor: pointer !important;
  }
  

• 方案二：排查样式冲突
  打开浏览器开发者工具（按F12），选中这个按钮，查看Styles面板里的cursor属性，看看是不是被全局button样式、父元素继承的样式给覆盖了。找到冲突规则后调整优先级就能解决问题。

另外也可以确认下你的Bootstrap版本，旧版本在动态处理disabled属性的样式时可能存在小问题，升级到最新稳定版说不定也能直接解决。

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