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:
Entspannungstechniken - Entspannungsmethoden für daheimWer Energie tanken möchte, der muss nicht unbedingt zur Wellness oder zum Yogakurs gehen. Denn auch zu Hause kann man sich mit den richtigen Entspannungstechniken ziemlich gut entspannen.
Zwiebeln ohne Tränen schneidenFließen beim Zwiebelschneiden ständig die Tränen? Sie glauben mit diesem Problem muss jeder Koch zurecht kommen? Weit gefehlt: Erfahren Sie, wie Sie Zwiebeln ohne Probleme klein schneiden können.
8er Dübel - Welche Schraube wird benötigt?Sie suchen für einen 8er Dübel eine passende Schraube? Welchen Durchmesser die Schraube haben sollte, zeigt Ihnen dieser Tipp.
Passwortsicherheit - Passwörter sicher erstellen und verwahrenPasswörter schützen nicht nur bestimmte Bereiche, sondern auch häufig sensible Daten. Hier finden Sie Tipps zur Passwortsicherheit und Anregungen, wie Sie sichere Passwörter erstellen und diese anschließend verwahren können.
Olivenöl und Zitronensaft für glänzende HaareSie wünschen sich eine natürliche Pflege für glänzende Haare? Vielleicht ist dann eine selbstgemachte Haarkur aus Olivenöl und Zitrone genau das Richtige für Sie. Wie Sie diese Haarpflege anwenden, lesen Sie hier.
