webentwicklung-frage-antwort-db.com.de

Wie ändere ich die Farbe der deaktivierten Bootstrap-Schaltfläche?

Ich verwende eine Bootstrap-Schaltfläche auf einer Seite meiner Website und möchte die Farbe einer deaktivierten Schaltfläche ändern. Eine Schaltfläche, die "ausgegraut" ist und auf die Sie nicht klicken können. Kann ich die Farbe mithilfe von CSS ändern? Irgendeine Klasse dafür?

Vielen Dank!

8
Oliver Beck

Wenn Ihr Button so aussieht:

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

der nächste CSS-Code ändert seine Farbe (nur bei Deaktivierung):

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

oder

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

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

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

#work:disabled{
  background-color: red;
}
<button id="work"disabled="true" type="submit">Button </button>

1
Graphicoding

Ich musste dies tun, weil ich den Button in Javascript deaktiviert hatte.

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