Jak zmienić kolor przycisku wyłączonego Bootstrap?

Question

Używam przycisku bootstrap na stronie mojej witryny i chcę zmienić kolor wyłączonego przycisku. Przycisk "wyszarzony" i nie można kliknąć. Czy istnieje sposób, aby zmienić kolor tego przy użyciu CSS? Każda klasa do tego?

Dziękuję bardzo!

Answer 1

W przypadku, gdy przycisk wyglądać następująco:

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

następny kod CSS zmieni swój kolor (gdy wyłączona tylko):

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

lub

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

Answer 2

Jeśli I poprawnie rozumieć swoje pytanie; musisz użyć :disabled. Oto kod działa:

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

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

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