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:
Tipps für schwarze und dunkle WäscheErfahren Sie an dieser Stelle, wie Sie dunkle und schwarze Kleidungsstücke richtig waschen und wie man den muffigen Geruch trotz Flüssigwaschmittel loswird.
Kaugummi kauen ist gesundSie kauen gerne Kaugummi? Dass das Kaugummikauen durchaus positive Effekte auf Zahngesundheit, Konzentration oder Entspannung haben kann und damit gesund ist, zeigt Ihnen dieser Tipp.
Kleidung zum Jahreszeitenwechsel richtig einlagernNeigt sich eine Jahreszeit zum Ende, ändern sich auch die Temperaturen und die Art der Bekleidung. Wie man zum Jahreszeitenwechsel seine Kleidung richtig aufbewahrt, lesen Sie hier.
Blutflecken aus Kleidung entfernenBlutflecken auf der Kleidung sind keine Seltenheit und lassen sich nur schwer entfernen. Was es für Möglichkeiten gibt, zeigt Ihnen dieser Tipp.
Welche Profiltiefe hat ein neuer Reifen?Sie möchten wissen, wie viele Millimeter ein neuer Autoreifen hat? Welche Profiltiefe nagelneue Reifen haben, verraten wir Ihnen in diesem Tipp.
