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:

Bachblüten - Helfer für die Seele
Homöopathie, Akupunktur oder Bachblüten. Im Bereich der Alternativmedizin verliert man schnell den Überblick. Hier erfahren Sie, was es mit den sogenannten Bachblüten auf sich hat.
Kleidertauschparty: Tauschen statt kaufen mit Swap-Partys
Kleidungsstücke umweltbewusst und geldsparend tauschen mit einer sogenannten Swap-Party. Wie das Ganze funktioniert und welche Tipps bei privaten Kleidertauschparty hilfreich sind, lesen Sie hier.
Schonendes Garen von Speisen in der Tajine
Erfahren Sie in diesem Tipp, wie Sie mit einer sogenannten Tajine deftige und süße Speisen besonders schonend zubereiten können.
Auberginen im Kühlschrank lagern?
Sie möchten Ihre gekauften Auberginen möglichst lange frisch halten? Wie man das Gemüse richtig lagert und ob es in den Kühlschrank gehört, zeigt Ihnen dieser Tipp.
iPhone - Flugmodus einschalten
Sie möchten alle Kommunikationsfunktionen Ihres iPhone deaktivieren? Wie Sie den Flugmodus einschalten, erfahren Sie hier.