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:

Aschenbecher mit Natron geruchsfrei bekommen
Aschenbecher riechen meistens selbst nach der gründlichen Reinigung noch nach Zigaretten. Wie man den Gestank mittels Natron neutralisieren kann, verraten wir Ihnen an dieser Stelle.
Tipps, um auf Süßigkeiten und Schokolade zu verzichten
Sie leiden unter Ihrer Sucht auf Süßes und Schokolade? Wie man auf Süßigkeiten nach und nach verzichten kann, zeigen Ihnen die nachfolgenden Tipps.
Edelstahl richtig putzen - Hausmittel zum Reinigen
Sie möchten Edelstahl in der Küche von Fettflecken, Wasserspritzern und Fingerabdrücken befreien? Hier erfahren Sie, wie Sie Edelstahl mit einem einfachen Hausmittel richtig putzen können.
Fenchel und seine Wirkung auf die Gesundheit
Fenchel ist nicht nur ein beliebtes Gemüse, sondern wird auch gern als Tee bei Verdauungsbeschwerden getrunken. Welche Wirkungen Fenchel noch hat, erfahren Sie hier.
Was tun bei Sonnenbrand? Welche Hausmittel helfen?
Ein Sonnenbrand ist wohl jedem ein Begriff. Doch welche Hausmittel helfen, wenn man sich zu lang ungeschützt in der Sonne aufgehalten hat?