Bootstrap3.3.7.min.css 破坏禁用的按钮

Question

我在我的网站中使用了以下外部文件：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootbox.js/4.4.0/bootbox.min.js"></script>

<button disabled>Disabled</button><br>
<button>Not Disabled</button>

在添加 bootstrap+bootbox 之前，我的按钮按预期工作，禁用时呈灰色。但现在我所有的按钮看起来总是一样的，无论是启用还是禁用。
我注意到我的按钮视觉效果再次起作用，如果我不包括 bootstrap3.3.7.min.css。但这也完全破坏了基于 bootstrap.
的任何自定义弹出窗口根据 bootbox website 我正在使用兼容的库版本，所以我不知道是什么导致了这种行为。

Answer 1

如果您正在使用 bootstrap，您将要使用 class btn，这样按钮在禁用时可以在视觉上被禁用。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootbox.js/4.4.0/bootbox.min.js"></script>

<button class="btn" disabled>Disabled</button><br>
<button class="btn">Not Disabled</button>

Bootstrap3.3.7.min.css 破坏禁用的按钮

Bootstrap3.3.7.min.css breaks disabled buttons

css

bootbox

twitter-bootstrap-3