Bootstrap Input Controls CSS-Farbe & -Design anpassen

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:

  1. box-shadow entfernen
  2. ggf. die Rahmenfarbe anpassen

In Quellcode umgesetzt sähe das wie folgt aus:

.form-control:focus {
   box-shadow:none;
	 border-color:#000000;
}

Natürlich könnt Ihr die Farbe nach Belieben anpassen :)