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:

Wasserflecken auf Spiegeln, Glas und Glastischen entfernen
Beim Putzen im Haushalt entdecken Sie immer wieder unschöne Wasserflecken auf allen möglichen Glasoberflächen? Wie man Glas fleckenfrei bekommt, lesen Sie hier.
Salbei: Wirkung und Verwendung als Heilpflanze
Dieser Artikel zeigt Ihnen, wie Echter Salbei auf die Gesundheit wirkt und welche Verwendungsmöglichkeiten die alte Heilpflanze noch so bietet.
Gesichtspflege: Gesicht mit Zitrone einreiben und reinigen
Eine Möglichkeit, seine Haut mit natürlichen Mitteln zu reinigen und zu pflegen, ist die regelmäßige Gesichtspflege mit Zitronensaft. Wie Sie Ihr Gesicht mit Zitronen einreiben können, lesen Sie hier.
Brille richtig putzen - Brillengläser reinigen
Verschmutzte Brillengläser sind mitunter äußerst lästig für alle, die eine Brille tragen müssen. Zum Glück kann man diese schnell und einfach putzen. Doch wie reinigt man seine Brille richtig?
Apps auf dem iPhone verschieben und sortieren
Sie möchten Ihre installierten Apps auf dem iPhone anders sortieren? Wie Sie Apps direkt auf dem iPhone verschieben können, erfahren Sie hier.