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:

Löwenzahn: Wirkung und Verwendung für die Gesundheit
Dieser Artikel zeigt, wie vielseitig der Gemeine Löwenzahn für die Gesundheit eingesetzt werden kann und welche damit verbundenen Wirkungen die Heilpflanze so wertvoll machen.
Schlechte Kokosnuss im Supermarkt erkennen
Sie mögen frische Kokosnüsse? Erkennen Sie bereits im Supermarkt, ob die exotische Frucht noch genießbar ist.
Stromspartipps im Haushalt
Sie möchten daheim Strom sparen und die Umwelt schützen? Welche Stromspartipps wirklich helfen, erfahren Sie hier.
Was tun gegen Sodbrennen? - Welches Hausmittel hilft?
Sie leiden unter Sodbrennen und möchten selbst etwas dagegen tun? Hier erfahren Sie, welche Hausmittel gegen Sodbrennen helfen können.
Krawatten richtig lagern
Sie tragen teure Krawatten und möchten möglichst lange Freude an den edlen Stücken haben? Wie man Krawatten richtig aufbewahrt, zeigt dieser Tipp.