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
- PHP: Anzahl der Tage zwischen zwei Daten berechnen
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.
Kaminreinigung: Asche staubfrei entfernenSo gemütlich ein Kamin auch ist, die Reinigung macht nicht so viel Spaß. Mit welchem Hausmittel sich die Asche staubfrei entsorgen lässt, zeigen wir Ihnen mit diesem Tipp.
Kleine Räume optisch vergrößern - Wirkung von Farbe, Licht und Co.Sie haben eine kleine Wohnung mit kleinen Zimmern und suchen nach Möglichkeiten, diese optisch zu vergrößern? Worauf Sie bei der Gestaltung achten sollten, lesen Sie hier.
iPhone - Schriftgröße ändernIhnen ist die Schrift auf dem iPhone zu klein? Welche Möglichkeiten Sie haben, die Schriftgröße auf dem Smartphone zu ändern, zeigt Ihnen dieser Tipp.
Kakaoflecken aus Kleidung und Textilien entfernenSie haben auf Ihrer Kleidung oder der von Ihren Kindern Kakaoflecken entdeckt? Wie Sie solche Flecken aus Textilien entfernen können, erfahren Sie hier.
