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:

Gänseblümchen und seine Wirkung
Gänseblümchen kennt jeder, da sie hierzulande auf jeder Wiese gedeihen. Doch, dass diese Blümlein essbar sind und eine gesundheitliche Wirkung auf den Körper haben, wissen wahrscheinlich nur die wenigsten.
Honig-Salz-Peeling selber machen
Sie wünschen sich eine geschmeidige Haut mit dem richtigen Peeling? Hier erfahren Sie, wie Sie ein Honig-Salz-Peeling selbst herstellen können.
BH in der Waschmaschine oder per Hand waschen?
Sie lieben Ihre BHs und möchten diese auf die richtige Weise reinigen und pflegen? Wie man die Büstenhalter richtig wäscht und vor allem schonend trocknet, lesen Sie hier.
Gelbe Flecken und Streifen in Badewanne und Dusche entfernen
In Ihrer Dusche und Badewanne sind gelbliche Flecken? Wie Sie solche Verfärbungen mit einem Hausmittel entfernen können, lesen Sie hier.
Kofferbänder / Koffergurte zur Kennzeichnung des Gepäcks
Bei der Gepäckausgabe am Flughafen gleicht häufig ein Koffer dem anderen. Ein individuelles Kofferband (auch Koffergurt) am Gepäck kann Abhilfe schaffen.