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:

Mehr zum Thema: Webdesign aus der Kategorie Computer & Internet

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.

Beliebt und gern gelesen:

Körperpeeling - Peeling zum Selbermachen
Körperpeeling einmal anders. Erfahren Sie, mit welchen Lebensmitteln Sie die Haut Ihres Körpers zur Regeneration anregen können.
Schwierige Telefonate meistern
Sie stehen vor einem schwierigen Telefongespräch und haben Angst, der Situation nicht gewachsen zu sein? Wie Sie Telefonate besser meistern können, lesen Sie hier.
Kalkflecken an der Duschkabine entfernen
Kalkflecken schmücken Ihre Duschkabine? Wie Sie Wasserflecken und Kalk am besten von Duschwänden entfernen können, wird Ihnen hier gezeigt.
Aufkleber mit dem Föhn entfernen
Sie möchten hartnäckige und alte Aufkleber restlos entfernen? Wie Sie dies mittels Föhn erreichen können, zeigt Ihnen dieser Tipp.
iPhone - §-Zeichen schreiben
Sie suchen bereits vergeblich das §-Zeichen auf dem iPhone? Hier erfahren Sie, wo sich dieses auf der virtuellen Tastatur versteckt.