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:

Richtig Zähneputzen - Tipps zur Zahnpflege
Möchten Sie wissen, wie Sie Ihre Zähne richtig putzen? Wie oft, wie lang, elektrisch oder per Hand und was kann man noch tun? Tipps zur richtigen Zahnpflege erhalten Sie hier.
Welche Farbe passt zu mir? Kleidung und Hauttyp aufeinander abstimmen
Modebewusste Menschen achten beim Kleidungsstil auch immer auf ihren Hauttyp. Unpassende Farbkombinationen entstehen meist dann, sobald sich Hautfarbe und Farbe der Kleidung beißen.
Wie wirkt man im Job charmant? - Tipps
Wer im Job und Beruf charmant wirkt, hat oftmals auch langfristig Erfolg. Wie Sie Ihren Beliebtheitsgrad mit einer sympathischen Kommunikation steigern können, verrät Ihnen dieser Artikel.
Ingwertee Zubereitung - Ingwer-Tee selbst gemacht
In den kalten Wintermonaten ist Ingwertee geradezu ideal, um den Körper von innen zu wärmen. Erfahren Sie in diesem Tipp etwas über die Zubereitung von Ingwertee und die Wirkung von Ingwer allgemein.
Mango-Orangen-Smoothie mit Goji-Beeren selber machen
Sie möchten sich einen süßen Smoothie aus einer Mango und Orangen mixen? Wie der Mango-Orangen-Smoothie gelingt, erfahren Sie hier.