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:
Ähnliche Tipps:
- CSS: Formularfelder ohne Rand und Rahmen darstellen
- HTML und CSS: Textarea ohne Scrollbalken darstellen
- HTML und CSS: Zeichenabstand vergrößern / verändern
- Rechtsklick mit HTML-Code verhindern
- HTML und CSS: Eingabefeld und Input-Feld auf nur lesen setzen
- IE7 im neuen Browser simulieren
- MySQL - Nur einen Datensatz ausgeben
Mehr zum Thema: Webdesign aus der Kategorie Computer & Internet
Beliebt und gern gelesen:
Seitensprung - Fremdgehen und die FolgenWer fremdgeht, plant nicht immer ein mögliches Beziehungsende ein. Hier erfahren Sie, welche Folgen ein Seitensprung haben kann.
Zeit sparen im Haushalt mittels richtiger OrganisationSie haben das Gefühl, dass Sie der Haushalt voll und ganz in Beschlag nimmt? Wie man bei der Hausarbeit Zeit sparen kann und wie man alle Aufgaben sinnvoll organisiert, erfahren Sie hier.
Farbgeruch in der Wohnung neutralisierenSie haben frisch gestrichen und möchten den typischen Farbgeruch neutralisieren? Hier erfahren Sie, welches Hausmittel den Geruch beseitigen kann.
Oleander richtig pflegen und überwinternSie möchten an Ihrem Oleander im Garten möglichst lange Freude haben? Was es zur Pflege dieser Pflanze zu wissen gibt, lesen Sie hier.
Schonendes Garen von Speisen in der TajineErfahren Sie in diesem Tipp, wie Sie mit einer sogenannten Tajine deftige und süße Speisen besonders schonend zubereiten können.
