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:

Knoblauchgeruch aus den Poren mit Sport und Sauna bekämpfen
Ihre Haut riecht auch am nächsten Tag noch nach Knoblauch? Wie Sie mittels Sport und Sauna den Knoblauchgeruch aus den Hautporen schneller loswerden, verraten wir Ihnen hier.
Tipps zur Selbstständigkeit
An dieser Stelle finden Sie hilfreiche Tipps rund um das Thema Selbstständigkeit. Dieser kleiner Leitfaden soll Ihnen als Starthilfe dienen.
Screenshot am Mac bzw. MacBook machen
Sie möchten von Ihrem Bildschirm oder einzelnen Fenstern Screenshots anfertigen? Wie Sie dies auf einem Mac oder MacBook mittels Tastenkombination bewerkstelligen, erfahren Sie hier.
Entspannungstipps für zu Hause
Sie fühlen sich gestresst und möchten endlich mal wieder zur Ruhe kommen und richtig entspannen? Hier erfahren Sie, welche Entspannungstipps für zu Hause dabei helfen können.
Lederhandtaschen richtig pflegen und reinigen
Sie haben eine sündhaft teure Designerhandtasche und möchten möglichst lange Freude daran haben? Wie man Lederhandtaschen richtig pflegt und reinigt, lesen Sie hier.