如何更改 Bootstrap 禁用按钮的颜色？

Question

我在我网站的页面上使用引导按钮，我想更改禁用按钮的颜色。一个“变灰”的按钮，您无法点击。有没有办法可以使用 CSS 更改它的颜色？这个有什么课吗？

非常感谢你！

原文由 Oliver Beck 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

如果您的按钮看起来像这样：

 <button class="btn btn-primary" disabled>Button</button>

下一个 CSS 代码将更改其颜色（仅在禁用时）：

 .btn.btn-primary[disabled] {
    background-color: #00ff00;
}

要么

.btn.btn-primary:disabled{
    background-color: #00ff00;
}

原文由 Jumpa 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

如果我正确理解你的问题；你需要使用 :disabled 。这是一个工作代码：

 #work {
  width: 200px;
  height: 50px;
  color: black;
}

#work:disabled{
  background-color: red;
}

 <button id="work"disabled="true" type="submit">Button </button>

原文由 Graphicoding 发布，翻译遵循 CC BY-SA 3.0 许可协议