Schlagwort: Bootstrap 4

Input-Felder, wie Textsuch-Felder und andere Formulare kombiniert Bootstrap 4 in der Klasse .form-control. Sollten Ihr den „rosa“ Rand davon entfernen wollen, müsste Ihr zwei Dinge beachten:

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;
}