Bootstrap Buttons OnClick CSS-Farbe & -Design

Jedesmal gesucht, jetzt endlich mal notiert: Wenn Ihr die Default-Farbe der Standard-Buttons .btn, .btn-primary und .btn-secondary ändern wollt, gibt es zwei „Tricks“ beziehungsweise Details zu beachten:

  1. Status :active (am besten gleich noch den :focus mitdefinieren!)
  2. das !important bei der Farbangabe

Ihr könnt das nun zentral für die Klasse .btn definieren oder aber unterteilt in die beiden Standard-Farbklassen.
In Quellcode umgesetzt sieht das wie folgt aus:

.btn-primary:active,
.btn-primary:focus {
  background-color:#dddddd !important;
  border-color:#dddddd !important;
}