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:
Richtig Zähneputzen - Tipps zur ZahnpflegeMöchten Sie wissen, wie Sie Ihre Zähne richtig putzen? Wie oft, wie lang, elektrisch oder per Hand und was kann man noch tun? Tipps zur richtigen Zahnpflege erhalten Sie hier.
Wie kann man ruhiger werden und Gelassenheit erlernen? - TippsSie fühlen sich gestresst und immer unter Druck? An dieser Stelle erhalten Sie einige Tipps, wie Sie gelassener und entspannter durchs Leben gehen können.
Spinnenfalle selber machen / Lebendfalle für SpinnenSie haben eine Spinne in Ihrer Wohnung entdeckt und möchten diese beseitigen, ohne dabei das Tier zu töten? Wie Sie eine Spinnenfalle ganz einfach selber bauen können, lesen Sie hier.
Lippen richtig schminken - AnleitungDas Schminken der Lippen gehört zum Styling einfach dazu. Wie Sie in nur 5 Schritten perfekte Lippen zaubern, lesen Sie hier.
Hochglanzfronten in der Küche reinigenSie haben sich bei Ihrer Küche für edle Hochglanzfronten entschieden und möchten diese schonend reinigen? Wie Sie die Fronten am besten putzen sollten, erfahren Sie hier.
