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
- PHP - Ersten Buchstaben eines Strings großschreiben
Mehr zum Thema: Webdesign aus der Kategorie Computer & Internet
Beliebt und gern gelesen:
Katzenklo stinkt? Natron hilft gegen den GeruchDass man mit Katzen nicht Gassi gehen muss, ist sehr praktisch. Auf der anderen Seite kann einem die Geruchsbelästigung des Katzenklos ganz schön in die Nase fahren. Wie man den Geruch abmildert, lesen Sie hier.
Haushaltsbuch führen - Tipps zum SparenSie möchten im Haushalt sparen? Eine gute Idee ist es, ein sogenanntes Haushaltsbuch zu führen. Tipps und Ratschläge erhalten Sie hier.
Gesichtsmaske mit Eiklar / Eiweiß selber machenSie möchten Ihre Haut mit einer Gesichtsmaske aus Eiklar pflegen? Wie Sie solch eine Maske selber machen können, lesen Sie hier.
Was tun gegen Mobbing am Arbeitsplatz?Bauchschmerzen, Unlust oder Depressionen sind nur einige Reaktionen auf Mobbing am Arbeitsplatz. Erste Hilfe und Anregungen gegen die Widersacher finden Sie hier.
Shampoo mit Ei selber machenWer seine Haare mit einem ganz natürlichen Shampoo pflegen möchte, kann sich selbst ein Eier-Shampoo anrühren. Wie das geht, erfahren Sie hier.
