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:

Ameisen mit Natron bekämpfen
Sie haben in Ihrem Haus oder Garten eine Ameisenstraße entdeckt? Wie Natron zur natürlichen Ameisenbekämpfung beitragen kann, lesen Sie in diesem Tipp.
Wie kann man ruhiger werden und Gelassenheit erlernen? - Tipps
Sie fühlen sich gestresst und immer unter Druck? An dieser Stelle erhalten Sie einige Tipps, wie Sie gelassener und entspannter durchs Leben gehen können.
Zigarettengeruch aus Polstermöbeln entfernen
Ihre Polstermöbel stinken nach Rauch? Wie Sie unangenehmen Zigarettengeruch aus Polstern entfernen können, erfahren Sie an dieser Stelle.
Fugen / Fliesenfugen reinigen mit Backpulver
Die Fugen in Bad und Küche verschmutzen im Laufe der Zeit und sorgen so für einen schmuddeligen Gesamteindruck. So einfach können Sie Fliesenfugen mit Backpulver reinigen.
Spinnen aus der Wohnung fernhalten - Hausmittel
Sie haben hin und wieder Spinnen in der Wohnung und suchen ein Hausmittel, um die kleinen Tierchen auszusperren? Was Sie tun können, erfahren Sie hier.