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:

Wohin beim ersten Date?
Die richtige Örtlichkeit kann beim ersten Date maßgeblich über den Erfolg des Treffens entscheiden. Wohin also beim ersten Date?
Mücken mit Lavendel im Zimmer fernhalten
Sie werden von Mücken geplagt und möchten diese vertreiben? Hier erfahren Sie, wie sie diese mit Lavendel oder Lavendelöl aus dem Zimmer fernhalten können.
iPhone - Kamera App verschwunden
Sie vermissen die Kamera App auf Ihrem iPhone? Wenn das Symbol der App verschwunden ist, müssen Sie die entsprechende Einstellung wieder aufheben.
Kaffeeflecken aus der Kleidung entfernen
Kaffeeflecken sind unter Umständen schwierig aus der Kleidung zu entfernen. Welche Hausmittel sich hierfür eignen, erfahren Sie mit diesem Tipp.
Kaffeesatz - Verwendung und Einsatzmöglichkeiten im Haushalt
Wer Kaffee trinkt, hat meist auch Kaffeesatz zur Hand. Was dieser alles kann, erfahren Sie hier.