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，按钮的视觉效果将再次起作用。但这也完全破坏了所有基于引导的自定义弹出窗口。
根据{{3}}，我使用的是兼容的库版本，所以我不知道是什么原因导致这种现象。

Answer 1

如果您正在使用引导程序，则将要使用类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禁用禁用的按钮

1 个答案: