Hintergrundgrafik im Eingabefeld

Tutorial wurde erstellt von: Onkel-Maui.de

Je nach Design möchte man bei einem Engabefeld eine Hintergundgrafik haben, um das zu realisieren, erkläre ich hier mal an einem Beispiel wie sowas umzusetzen ist.

Erstelle eine passende Grafik zum Design, lade diese auf den Webspace in den Images Ordner und füge die Anweisung wie unten in die CSS Stylesheet Datei ein.

Hier ein Beispiel: 

CSS:

input.verlauf {
	background: #E28BC6 url(verlauf.jpg) repeat-x;
}

HTML:

<input class="verlauf" type="text" name="test" size="20">