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:

Gespräche richtig führen - Tipps zu Gesprächen mit Fremden
Diese Tipps zeigen Ihnen, wie Sie Gespräche mit fremden Personen richtig führen können und welche Fettnäpfchen auf Sie warten.
Knoblauchgeruch aus den Poren mit Sport und Sauna bekämpfen
Ihre Haut riecht auch am nächsten Tag noch nach Knoblauch? Wie Sie mittels Sport und Sauna den Knoblauchgeruch aus den Hautporen schneller loswerden, verraten wir Ihnen hier.
Haushaltstipp: Silberfischchen bekämpfen und vorbeugen
Sie entdecken hin und wieder Silberfischchen in Ihrem Bad? Wie man die kleinen Tierchen mit Hausmitteln bekämpfen kann und wie man ihnen vorbeugt, erfahren Sie hier.
Mixer reinigen und sauber halten
Sie möchten Ihren Mixer reinigen und zukünftig vor Verfärbungen schützen? Hier erfahren Sie, wie Sie dies mit einfachen Hausmitteln erreichen können.
Welche TV-Größe ist für welchen Abstand die richtige?
Sie möchten sich einen neuen und schicken Fernseher kaufen und wissen nicht, welche TV-Größe in Bezug auf den Sitzabstand optimal ist? Die Antwort erhalten Sie hier.