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:
Ähnliche Tipps:
- CSS: Formularfelder ohne Rand und Rahmen darstellen
- CSS: Input-Hintergrund transparent machen
- HTML und CSS: Zeichenabstand vergrößern / verändern
- Rechtsklick mit HTML-Code verhindern
- HTML und CSS: Eingabefeld und Input-Feld auf nur lesen setzen
- IE7 im neuen Browser simulieren
- PHP: Alter aus Geburtsdatum berechnen
Mehr zum Thema: Webdesign aus der Kategorie Computer & Internet
Beliebt und gern gelesen:

Sie suchen ein Deodorant, welches zu Ihnen passt? Welche Arten es gibt und welche Vor- und Nachteile die einzelnen Deos haben, zeigen wir Ihnen hier.

In Ihrer Dusche und Badewanne sind gelbliche Flecken? Wie Sie solche Verfärbungen mit einem Hausmittel entfernen können, lesen Sie hier.

An dieser Stelle erhalten Workhalics und Selbstständige ein paar Tipps, um die richtige Work-Life-Balance zu finden und Stress zu minimieren.

Sie haben einen unschönen Tomatenfleck auf Ihrer Kleidung entdeckt? Gerade Flecken von Tomaten können sehr hartnäckig sein. Welche Hausmittel bei der Reinigung helfen, lesen Sie hier.

Möchten Sie Ihre Lebensmittel richtig einfrieren? Erfahren Sie hier mehr über Verpackung, optimale Temperatur und durchschnittliche Haltbarkeit.