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:

Warme oder kalte Getränke bei Hitze?
Welche Erfrischungen sind im Sommer zu empfehlen? Hier erfahren Sie, ob nun warme oder kalte Getränke bei äußerer Hitze die richtige Wahl sind.
Zigarettengeruch aus Polstermöbeln entfernen
Ihre Polstermöbel stinken nach Rauch? Wie Sie unangenehmen Zigarettengeruch aus Polstern entfernen können, erfahren Sie an dieser Stelle.
Die gesundheitliche Wirkung von Kardamom
Kardamom ist nicht nur ein leckeres Gewürz aus Fernost, sondern auch ein Lebensmittel, mit dem sich die Gesundheit stärken lässt. Welche Wirkung Kardamom hat, erfahren Sie hier.
Ein Firmenlogo selbst gestalten
Sie möchten für Ihr Unternehmen ein eigenes Logo entwerfen? Worauf Sie bei der Gestaltung achten müssen und weitere Tipps erhalten Sie hier.
Angebrannte Milch im Topf entfernen
Ihnen ist die Milch übergekocht und Sie brauchen einen Tipp, um angebrannte Milch ganz bequem aus dem Topf zu entfernen? Hier finden Sie die Lösung.