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:

Handbad mit Milch und Olivenöl selber machen
Sie möchten Ihre Hände mit einem pflegenden Handbad verwöhnen? Wie Sie Ihre Hände in einer Mischung aus Milch und Olivenöl baden können, lesen Sie hier.
Dateien auf dem Mac sofort löschen
Sie möchten beim Mac bestimmte Dateien sofort löschen? Welche Tastenkombination dafür in Frage kommt, lesen Sie hier.
Wie lange muss man Süßkartoffeln kochen?
Sie möchten für Ihr nächstes Gericht Süßkartoffeln zubereiten? Wie lange man die Knollen kochen sollte, erfahren Sie mit diesem Tipp.
Kaugummi kauen ist gesund
Sie kauen gerne Kaugummi? Dass das Kaugummikauen durchaus positive Effekte auf Zahngesundheit, Konzentration oder Entspannung haben kann und damit gesund ist, zeigt Ihnen dieser Tipp.
Die Netiquette der E-Mail im Berufsleben
Wer im Geschäftsleben E-Mails verfasst, muss die sogenannte Netiquette beachten. Worauf Sie beim Verfassen von E-Mails Wert legen sollten, können Sie hier erfahren.