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:

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.
Schokolade raspeln und zerkleinern - Schokoraspeln selber machen
Schokoraspeln kann man schnell und günstig selber machen. Den benötigten Gegenstand, um die Schokolade klein zu raspeln hat jeder im Haus.
Tipps zur Preiskalkulation für Selbstständige
Sie benötigen Tipps, wie Sie als Selbstständiger eine sinnvolle Preispolitik betreiben? Hinweise zur Preisgestaltung Ihrer Produkte oder Dienstleistungen erhalten Sie hier.
Auberginen im Kühlschrank lagern?
Sie möchten Ihre gekauften Auberginen möglichst lange frisch halten? Wie man das Gemüse richtig lagert und ob es in den Kühlschrank gehört, zeigt Ihnen dieser Tipp.
Spiel- und Gewinnstrategie beim Tic-Tac-Toe
Sie möchten beim Tic-Tac-Toe gewinnen und suchen die perfekte Strategie? Welche Gewinnstrategie zum Erfolg führt, verrät Ihnen dieser Tipp.