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:

Aufkleber von der Autoscheibe entfernen
Sie haben einen Aufkleber auf Ihrer Autoscheibe und möchten diesen entfernen? Hier erfahren Sie, wie Sie Aufkleber und Klebereste am besten von der Scheibe lösen können.
Spüllappen und Putzschwämme in der Mikrowelle desinfizieren
Sie möchten Ihre Aufwaschlappen und Putzschwämme mit Hilfe der Mikrowelle desinfizieren und von Bakterien befreien? Wie Sie dies im Detail realisieren können, zeigt Ihnen dieser Tipp.
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.
Tipps zur Work-Life-Balance - Burnout vorbeugen
Das richtige Verhältnis zwischen Arbeit und Freizeit kann für die Gesundheit entscheidend sein. Tipps, wie Sie dem Burnout vorbeugen können, erhalten Sie an dieser Stelle.
Großes Wohnzimmer gemütlich einrichten
Sie haben ein großes Wohnzimmer und möchten dieses gemütlicher einrichten? Wie man große Räume wohnlicher macht, erfahren Sie hier.