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

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>