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:

Frisuren für feines und dünnes Haar
Wer von Mutter Natur feine bzw. dünne Haare bekommen hat, braucht die richtige Frisur. Hier erfahren Sie, welche Frisuren für feines Haar besonders geeignet sind.
Lippenstiftflecken von Gläsern entfernen
Lippenstiftabdrücke auf Gläsern lassen mit dem normalen Abwasch nicht immer so leicht entfernen. Insofern Sie das Geschirr jedoch mit dem richtigen Hausmittel vorbehandeln, gelingt die Reinigung.
Kakaoflecken aus Kleidung und Textilien entfernen
Sie haben auf Ihrer Kleidung oder der von Ihren Kindern Kakaoflecken entdeckt? Wie Sie solche Flecken aus Textilien entfernen können, erfahren Sie hier.
Was Sie tun können, wenn der Kunde nicht zahlt
Die Zahlungsmoral in Deutschland ist nicht immer die Beste. Doch was kann man bei Außenständen tun, um letztendlich an sein Geld zu kommen?
Smalltalk lernen - Tipps und Smalltalk-Themen
Smalltalk öffnet Tür und Tor - beruflich wie privat. Alltagssituationen eignen sich dazu ebenso gut wie Partys. Hier erfahren Sie, wie Sie Smalltalk lernen können und welche Smalltalk-Themen es gibt.