ブートストラップ無効ボタンの色を変更するにはどうすればいいですか？

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

Iの場合あなたの質問を正しく理解してください。 :disabledを使用する必要があります。ここで は、作業コードです：

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

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

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