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
- HTML und CSS: Eingabefeld und Input-Feld auf nur lesen setzen
- Rechtsklick mit HTML-Code verhindern
- IE7 im neuen Browser simulieren
- PHP - Datum einen Tag später (+ 1 Tag)
Mehr zum Thema: Webdesign aus der Kategorie Computer & Internet
Beliebt und gern gelesen:
Brille / Brillengläser ohne Kratzer putzenSie zerkratzen beim regelmäßigen Putzen die empfindlichen Kunststoffgläser Ihrer Brille? Eine einfache Methode, um Kratzer auf der Brille zu vermeiden, erfahren Sie hier.
Innere und äußerliche Anwendung der Aloe vera PflanzeDie sogenannte Echte Aloe (Aloe vera) ist vielseitig einsetzbar und hilft, einige Leiden und Hautprobleme zu linden. Wie man die Blätter verwenden kann, zeigt Ihnen dieser Tipp.
Programme auf dem Mac sofort beendenEine Anwendung auf Ihrem Mac lässt sich nicht mehr beenden? Wie Sie Programme mittels Tastenkombination dennoch sofort schließen können, lesen Sie hier.
Lebensmittel im Kühlschrank richtig lagern - AnleitungSie wissen nicht, wie Sie Lebensmittel im Kühlschrank richtig lagern können? Eine Anleitung zur Lebensmittellagerung im Kühlschrank finden Sie hier.
Rechtsklick mit HTML-Code verhindernSie möchten Ihren Quellcode oder Ihren Content vor anderen schützen? Wie Sie den Rechtsklick ohne Javascript verhindern können, erfahren Sie in diesem Tipp.
