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:

So entfernen Sie die Trägerfolie von einem Aufkleber
Aufkleber sind meist nicht nur schwierig zu entfernen, auch das Anbringen gestaltet sich oft als problematisch. Wie man den Spalt zwischen Klebe- und Trägerfolie schneller findet, lesen Sie hier.
Hausmittel und Tipps gegen Erkältung
Sie haben sich eine Erkältung eingefangen und möchten wieder fit werden? Hier erfahren Sie, welche Hausmittel helfen können.
Kirschkernkissen selber machen - Anleitung und Anwendung
Kirschkernkissen sind ein altes Hausmittel zur Anwendung bei den verschiedensten Beschwerden. Mit unserer Anleitung können Sie ein Kirschkernkissen ganz einfach selber machen.
Sekundenkleber von Haut und Händen entfernen
Sie haben Sekundenkleber auf der Haut und suchen nun eine effektive Methode, die Klebereste von Fingern und Händen zu entfernen? Welche Hausmittel helfen, lesen Sie hier.
Reisepass und vorläufiger Reisepass - Beantragungszeit, Gültigkeit und Kosten
Möchten Sie verreisen und benötigen einen Reisepass? Kümmern Sie sich rechtzeitig um die entsprechenden Einreisedokumente.