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:
Ähnliche Tipps:
Mehr zum Thema: Webdesign aus der Kategorie Computer & Internet
Beliebt und gern gelesen:
![](../../images/t/w160_augenbrauen-selber-zupfen.jpg)
Sie zupfen sich ungern die Augenbrauen, da dies meist mit Schmerzen verbunden ist? Wie Sie das Augenbrauenzupfen schmerzfrei hinbekommen, verraten wir Ihnen in diesem Artikel.
![](../../images/t/w160_automatikschaltung.jpg)
Es ist bekannt, dass Automatikfahrzeuge mehr Benzin verbrauchen als ihre manuellen Geschwister. Wer allerdings die Funktionsweise eines Automatikgetriebes versteht, kann dennoch Kraftstoff sparen.
![](../../images/t/w160_beschlagene-autoscheibe.jpg)
Sie wünschen sich im Auto freie Sicht? Wie Ihnen die Klimaanlage bei beschlagenen Scheiben helfen kann, erfahren Sie hier.
![](../../images/t/w160_kauf-leasingfahrzeug.jpg)
Auf der Suche nach einem Gebrauchtwagen sollte man auch einen Leasingrückläufer in Betracht ziehen. Was es zu ehemaligen Leasingfahrzeugen zu wissen gibt, lesen Sie hier.
![](../../images/t/w160_pause-im-buero.jpg)
An dieser Stelle erhalten Workhalics und Selbstständige ein paar Tipps, um die richtige Work-Life-Balance zu finden und Stress zu minimieren.