HTML und CSS: Textarea ohne Scrollbalken darstellen

So gestalten Sie mittels CSS eine textarea ohne Scrollbars

Je nach Design eines Formulares kann es notwendig sein, dass das textarea-Element ohne Scrollbalken dargestellt wird. Aber anders als beim iframe gibt es keine Möglichkeit, mittels scrolling="no" die Scrollbalken zu verhindern. Allerdings hilft eine einfache CSS-Formatierung schnell weiter.

Textarea ohne Scrollbalken

Grundsätzlich gibt es zwei Möglichkeiten, die Scrollbars verschwinden zu lassen. Wird der CSS-Code beispielsweise in einer externen Datei ausgelagert, dann formatiert man die entsprechende textarea wie folgt:

textarea {
  overflow: hidden;
}

Möchte man die CSS-Formatierung direkt im HTML einfügen, dann geht man so vor:

<textarea name="mitteilung" style="overflow: hidden;"></textarea>

Diesen Tipp bewerten:

•  
•  
•  
•  
•  
•  

• email
• facebook
• twitter

Ihr Kommentar

Ihr Name *	Keine Phantasienamen, Markennamen oder ähnliches.
Ihr Avatar *
E-Mail *	Wird nicht veröffentlicht. (Datenschutz)
Kommentar *	Kommentare, die Werbung enthalten, werden nicht veröffentlicht.