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:

Echtes Johanniskraut - Verwendung und Wirkung
Johanniskraut gilt seit jeher als stimmungsaufhellend. Welche Wirkung die Pflanze noch hat und wie sie verwendet wird, zeigt dieser Artikel.
Kaugummi aus Kleidung / Jeans entfernen
Kaugummi klebt auf Ihrer Jeans und Sie suchen eine Möglichkeit, diesen von Ihrer Kleidung zu bekommen? Wie Sie Kaugummi von Textilien entfernen können, zeigt Ihnen dieser Tipp.
Wie lange sollte man den Backofen vorheizen?
Sie möchten ein Gericht im Ofen zubereiten und müssen dabei vorheizen? Wie lange ein Backofen braucht, um auf die gewünschte Temperatur zu kommen, erfahren Sie hier.
Tipps und Hilfe bei Mundgeruch - Hausmittel
Mundgeruch ist nicht nur für Mitmenschen äußerst unangenehm. Für die Betroffenen ist schlechter Atem ein häufiger Grund für peinliche Situationen. Erfahren Sie, welche Hausmittel gegen Mundgeruch helfen.
Joggen für Anfänger - Mit dem Laufen anfangen
Wer mit dem Joggen anfangen möchte, sollte es generell langsam angehen lassen. Hier erfahren Sie, worauf Anfänger beim Laufen achten sollten.