Für diejenigen, die bereits mit CSS die Texteingabefelder, z.B. beim
Kontaktformular aber auch an vielen anderen Stellen auf der eigenen Website gestalten möchten gibt es immer wieder schnell ein Problem, sobald man mittels padding den Abstand der Schrift zum Rand des Eingabefeldes vergrößern will. Selbst wenn ein Feld eine feste Breite zugewiesen bekommen hat (z.B. width: 200px; oder auch width: 100%;), wird das Feld unter Verwendung von padding grundsätzlich größer und schießt ggfs. über die gewünschte Breite hinaus.
Damit dies nicht passiert, kann man mit folgendem Befehl dies unterdrücken:
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
Die drei fast identischen Befehle sind so nötig, damit sie für alle Browser gelten. Wir haben mit diesem CSS-Befehl sehr gute Erfahrungen gemacht.
Tragen Sie diesen Code zusätzlich zum bestehenden oder gewünschten bei FUNKTIONEN -> CSS im Bereich "Kontaktformular" ins Feld "Eingabezeile" einfach mit ein.