这实际上是Bootstrap中的bug
建议的解决方案：

button:disabled {
  cursor: not-allowed;
  pointer-events: all !important;
}

或者如果你有这样的结构：

<li class="disabled">
  <a href="#">My Link</a>
</li>

然后

li.disabled {
  cursor: not-allowed;
}
li.disabled a {
  pointer-events: none;
}

使用这个：

.not-allowed {
     cursor: not-allowed !important;
}

您可以像下面这样将按钮 Package 在span中

<span>
   <button> click me </button>
</span>

现在在css中不允许按钮上的指针事件，并为 Package 器禁用光标。

button {
     pointer-events: none;
     opacity: 0.7
   }

   span {
       cursor: not-allowed;
   }

使用onclick="return false;"

.not-allowed{
 cursor: not-allowed! important;
    
}

<a class="btn btn-primary btn-lg disabled not-allowed" onclick="return false;" href="https://www.example.com" role="button">Test</a>

你有很多选择，但不是所有的都是平等的。
最好用div或span Package 元素，并在 Package 器上设置光标，在内容上设置指针事件。这样你就可以得到所有的好处，而不用去搞JS。
第二，你可以在按钮上使用属性disabled，这将使它无法“工作”。然后可以将光标设置在禁用的元素上。
最后，但我不建议使用JS来return false。虽然我不喜欢它，因为：点击事件仍然被触发（即，点击仍然是可能的，但链接不是通过后续），这意味着你也视觉上认为你点击了按钮。

.disabled-wrapper {
  display: inline-block;
  cursor: not-allowed;
}

.disabled-wrapper a,
.disabled-wrapper button {
  pointer-events: none;
}

button[disabled] {
  cursor: not-allowed;
}

a.disabled.js-test,
button.disabled.js-test {
  cursor: not-allowed;
}

<div class="disabled-wrapper"><a class="btn btn-primary btn-lg disabled not-allowed" href="https://www.example.com" role="button">Test wrapper</a></div>

<button class="btn btn-primary btn-lg disabled not-allowed" href="https://www.example.com" role="button" disabled>Test disabled attribute</button>

<a class="btn btn-primary btn-lg disabled not-allowed js-test" href="https://www.example.com" role="button" onclick="return false">Test JS</a>

大部分时间不允许是不与残疾人一起工作的财产。是任何一个寻找禁用与不允许的属性这里是代码。

<style>
button
{
  cursor:not-allowed;
}
</style>
<button disabled>
  Click
</button>

简单

<button  class='btn-reserve' type='submit' disabled="true">Submit</button>

.btn-reserve:disabled {
      cursor: not-allowed;
    }