Wenn ich ein Padding auf ein Textfeld setze, funktioniert es beim ersten Blick einwandfrei. Aber wenn ich Inhalt eintippe, der über die Textarea-Höhe hinausgeht (wenn du anfängst, den Scroller zu sehen), hört der padding-bottom auf zu existieren. Gibt es eine Möglichkeit, das zu beheben? Es scheint ein Standardverhalten zu sein. Sie können ein sehr einfaches Beispiel hier sehen: Ссылка PS. Der verwendete Browser ist Chrome. PS2. Gerade mit Firefox versucht und tatsächlich bleibt die Polsterung.
Chrome, Safari und Internet Explorer rendern die textarea paddings anders als Firefox und Opera. Nun, welche von ihnen rendern die Textareas falsch? Das hängt davon ab, was Sie erreichen wollen, weil in Wahrheit keiner von ihnen es falsch macht, sie fügen alle eine Auffüllung hinzu, es kommt nur darauf an, wie sie die Spezifikation interpretierten.
Keine CSS-Eigenschaft wird dieses 'Problem' beheben. Die einzige Möglichkeit, dieses 'Problem' zu umgehen, besteht darin, ein Container-Element zur Textarea hinzuzufügen und stattdessen eine Füllung zu geben.
Tatsächlich existiert es noch immer; Sie müssen nur nach unten scrollen, um die zusätzlichen 20px der Auffüllung zu sehen, wenn der Inhalt der Textbox ausgefüllt ist. Darf ich vorschlagen overflow: hidden .
Sie können dem font-size: 0; -Tag den Stil form zuweisen, da das Problem darin besteht, dass innerhalb eines solchen Tags irgendwo eine neue Zeile vorhanden ist, die Sie vermeiden müssen.
Danach sollten Sie der Komponente mit dem Inhalt die richtige Schriftgröße zuweisen, im einfachsten Fall dem Textbereich.