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:

Nagelhautpflege selber machen
Wer auf schöne und gesunde Hände achtet, sollte auch die empfindliche Nagelhaut pflegen. Wie Sie eine natürliche Nagelhautpflege selber machen können, lesen Sie hier.
Cholesterin - Hausmittel zur Senkung des Cholesterinspiegels
Ihr Arzt hat bei Ihnen zu hohe Cholesterinwerte festgestellt? Damit stehen Sie nicht allein da. Vor allem aber können Sie selbst etwas dagegen tun und Ihr Cholesterin auch mit einfachen Mitteln senken.
Tipps um die Beziehung zu stärken
In Ihrer Partnerschaft kriselt es schon oder Sie wollen vorbeugen und suchen effektive Tipps, wie Sie die Beziehung zu Ihrem Partner stärken können?
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.
Handpeeling mit Olivenöl oder Zucker selber machen
Haben Sie Lust, Ihre Hände mit einem selbstgemachten Peeling zu verwöhnen? An dieser Stelle finden Sie zwei Rezepte für natürliche Handpeelings.