CSS: Formularfelder ohne Rand und Rahmen darstellen

Wie man input, textarea und select ohne Rahmen formatiert

Verwendet man für Webformulare textareas, input-Felder usw., dann werden diese standardmäßig mit Rand angezeigt. Mittels CSS lässt sich dieser Rahmen jedoch spielend einfach entfernen.

Kein Rand bei Formularfeldern

Mittels border:0; verhindert man, dass Formularfelder wie select, input und andere HTML-Elemente einen Rand erhalten. Für die Einbindung gibt es nun zwei Möglichkeiten:

Die Rahmen lassen sich verhindern, indem man den ausgelagerten CSS-Code so formatiert:


input, textarea, select {
  border:0;
}

Wer die CSS-Formatierung direkt im HTML einfügen möchte, entfernt den Rand wie folgt:


<input name="vorname" style="border:0;" />
<textarea name="mitteilung" style="border:0;"></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:

Was tun gegen Blattläuse - Blattlausbefall auf Zimmerpflanzen bekämpfen
Ihre schönen Zimmerpflanzen leiden an Blattlausbefall? Hier erfahren Sie, was Sie gegen Blattläuse tun können und welche Hausmittel hilfreich sind.
Stressbewältigung: Die richtige Work-Life-Balance für Selbständige finden
An dieser Stelle erhalten Workhalics und Selbstständige ein paar Tipps, um die richtige Work-Life-Balance zu finden und Stress zu minimieren.
Rostflecken auf Fliesen entfernen
Rostflecken können durchaus auch auf Fliesen in Bad und WC auftreten. Wie Sie derartige Flecken mit einem Hausmittel entfernen können, erfahren Sie hier.
Fernbeziehung - Tipps gegen das Vermissen und andere Probleme
Sie führen eine Fernbeziehung und suchen nach Tipps, wie Sie das Vermissen erträglicher machen können? Ratschläge in Sachen Fernbeziehungen erhalten Sie hier.
Professionelles Profilbild für Männer und Frauen
Sie suchen einen Partner im Internet und möchten sich mit einem guten Profilfoto ins Szene setzen? Worauf Sie beim Profilbild achten sollten, verraten wir Ihnen an dieser Stelle.