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:

Was tun bei Streit mit Kollegen im Büro?
Bei Ihnen im Büro herrscht hin und wieder dicke Luft? Was Sie bei Streit mit Kollegen tun können, erfahren Sie 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.
Schmale Vasen und Glasvasen einfach reinigen
Ihnen bereiten schmale Glasvasen bei der Reinigung Probleme? Mit welchem Hausmittel schmale Vasen im Inneren wieder sauber werden, lesen Sie an dieser Stelle.
Kühlschrankgeruch mit Kaffeepulver entfernen
Unangenehme Gerüche im Kühlschrank kennt wohl jeder. Leider ist die Quelle nicht immer so leicht zu identifizieren. Dieser Trick zeigt Ihnen, wie Sie lästigen Kühlschrankgeruch auf die Schnelle neutralisieren können.
Schokoladenflecken vom Autositz entfernen
Ihr Kind hat im Auto Schokolade verschmiert? Bevor Sie jetzt schimpfen, sollten Sie diese simple Methode zum Entfernen von Schokoladenflecken von Stoffen und Sitzen ausprobieren.