Question

我在网站的页面上使用自举按钮，我想更改已禁用按钮的颜色。一个“灰显”的按钮，您无法单击。有没有办法可以使用CSS改变颜色？任何课程？

非常感谢！

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;
}

Answer 2

如果我理解你的问题;你需要使用:disabled。这是一个有效的代码：

#work {
  width: 200px;
  height: 50px;
  color: black;
}

#work:disabled{
  background-color: red;
}

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

Answer 3

我必须这样做，因为我禁用了javascript中的按钮。

 var button = document.querySelector("#button");
            button.disabled = 'disabled';
            button.setAttribute("style", "background-color: #799b48");

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

3 个答案: