Wie ändert man die Farbe der deaktivierten Bootstrap-Taste?

Question

Ich verwende eine Bootstrap-Taste auf einer Seite meiner Website und möchte die Farbe einer deaktivierten Taste ändern. Eine Schaltfläche, die "ausgegraut" ist und Sie nicht klicken können. Gibt es eine Möglichkeit, die Farbe mit CSS zu ändern? Irgendeine Klasse dafür?

Vielen Dank!

Answer 1

Wenn Ihr Knopf wie folgt aussehen:

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

die nächste CSS-Code ändert seine Farbe (wenn nur deaktiviert):

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

oder

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

Answer 2

Wenn ich verstehe deine Frage richtig; Sie müssen :disabled verwenden. Hier ist ein Arbeitscode:

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

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

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