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:
- CSS: Input-Hintergrund transparent machen
- HTML und CSS: Textarea ohne Scrollbalken darstellen
- HTML und CSS: Zeichenabstand vergrößern / verändern
- Rechtsklick mit HTML-Code verhindern
- HTML und CSS: Eingabefeld und Input-Feld auf nur lesen setzen
- IE7 im neuen Browser simulieren
- MySQL - Tabelle leeren mit PHP
Mehr zum Thema: Webdesign aus der Kategorie Computer & Internet
Beliebt und gern gelesen:
Welche Deo-Arten gibt es? - Vor- und NachteileSie suchen ein Deodorant, welches zu Ihnen passt? Welche Arten es gibt und welche Vor- und Nachteile die einzelnen Deos haben, zeigen wir Ihnen hier.
Gepflegte und schöne Füße im Sommer - TippsUnsere Füße tragen uns von morgens bis abends und das ein ganzes Leben lang. Hier finden Sie kreative Beauty-Tipps für schöne und gepflegte Füße im Sommer.
Kaffeekanne oder Teekanne entkalkenJe nach Kalkgehalt im Leitungswasser verkalken Tee- oder Kaffeekanne mit der Zeit. Wie Sie Ihre Kannen wieder schnell und einfach entkalken können, erfahren Sie hier.
iPad - Kippen sperren / AusrichtungssperreUm das Kippen des Bildschirms auf dem iPad zu verhindern, müssen Sie die Ausrichtungssperre deaktivieren. Wie Sie dies bewerkstelligen, verraten wir Ihnen hier.
Edelstahl richtig putzen - Hausmittel zum ReinigenSie möchten Edelstahl in der Küche von Fettflecken, Wasserspritzern und Fingerabdrücken befreien? Hier erfahren Sie, wie Sie Edelstahl mit einem einfachen Hausmittel richtig putzen können.
