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:

Hausmittel für gepflegte Hände
Sie möchten Ihre trockenen und gestressten Hände ganz natürlich pflegen? Welche Hausmittel für die Handpflege geeignet sind, erfahren Sie an dieser Stelle.
UV-Schutz: Sonnenbrand unterm Sonnenschirm ist möglich
Sie möchten sich ohne Sonnencreme unter den Sonnenschirm legen? Warum man sich auch im Schatten vor der UV-Strahlung schützen sollte, lesen Sie hier.
Backofen reinigen - Hausmittel zur Backofenreinigung
Mit einem verkrusteten Backofen hat hin und wieder jeder Haushalt zu kämpfen. Dabei kann man die Fett- und Schmutzschichten ganz leicht entfernen und für eine gründliche Backofenreinigung sorgen.
Seitensprung verbergen - Fremdgehen mit der Affäre verheimlichen
Wer fremdgeht, möchte dies natürlich vor seinem Partner verheimlichen. Wie Sie Ihre Affäre und Ihren Seitensprung verbergen, erfahren Sie hier.
Mehrere Dateien oder Ordner markieren - Tastenkombination
Um Dateien oder Ordner zu bearbeiten, müssen diese zunächst markiert werden. Erfahren Sie hier, mit welcher Tastenkombination Sie Objekte unter Windows markieren können.