CSS: Input-Hintergrund transparent machen

Wie der Background von Formularfeldern transparent wird

Als Webdesigner hat man häufiger mit Formularen und deren Einbindung zu tun. Um diesen ein individuelleres Erscheinungsbild zu geben, ist es unter Umständen sogar nötig, komplett auf eine Hintergrundfarbe zu verzichten und die Formularfelder stattdessen transparent zu machen.

Unsichtbarer Background bei input-Feldern

Je nachdem, ob man die Formularfelder in einer externen CSS-Datei oder direkt im HTML-Code formatieren möchte, hat man nun zwei Möglichkeiten, den Hintergrund von input-Elementen unsichtbar zu machen.

Externer Code:


input {
  background-color:transparent;
}

CSS-Code im HTML-Tag:


<input name="vorname" style="background-color:transparent;" />

Selbstverständlich funktioniert das Ganze auch bei anderen Elementen eines Formulars wie beispielsweise textarea oder select.

Diesen Tipp bewerten:

Mehr zum Thema: Webdesign aus der Kategorie Computer & Internet

Ihr Kommentar
 Ihr Name *
Keine Phantasienamen, Markennamen oder ähnliches.
 Ihr Avatar *
 E-Mail *
Wird nicht veröffentlicht. (Datenschutz)
 Kommentar *

Kommentare, die Werbung enthalten, werden nicht veröffentlicht.

Beliebt und gern gelesen:

Lebensmittel richtig einfrieren - Temperatur und Haltbarkeit
Möchten Sie Ihre Lebensmittel richtig einfrieren? Erfahren Sie hier mehr über Verpackung, optimale Temperatur und durchschnittliche Haltbarkeit.
Benzin sparen: Im Stau Motor aus
Wie oft steht man im Stau und denkt an seine wertvolle Zeit? Denken Sie dabei aber auch an den wertvollen Kraftstoff, den Sie durch das bloße herumstehen mit laufendem Motor verpulvern?
Vogelhaus / Nistkasten einfach selber bauen - Worauf achten?
Wahre Tierfreunde haben in Ihrem Garten einen Nistkasten für Vögel. Solch ein Vogelhaus können Sie ganz einfach selber bauen. Erfahren Sie, worauf Sie beim Bau achten müssen.
Wie erkenne ich, ob jemand neidisch auf mich ist?
Sie möchten herausfinden, ob Freunde oder Bekannte neidisch auf Sie sind? Wie Sie dies anhand der Körpersprache erkennen können, lesen Sie hier.
Die Wirkung von Kurkuma auf die Gesundheit
Dieser Artikel verrät Ihnen, welche gesundheitliche Wirkung die Kurkumaknolle aufweist und wie man die Wurzel in der Küche einsetzen kann.