input, text: Farbe bei Klick ändern

[molex]

Hallo zusammen

Komisch dass ich via googel nix gefunden habe, aber nun frage ich hier mal nach.

Wie ist es möglich, wenn ich in ein textfeld klick (type="text") dass sich die Hintergrund farbe ändert. Wenn mal das Textfeld wieder verlässt soll die Farbe natürlich wieder in den Urzustand zurück gehen.

Jemand eine Idee?

Vielen Dank :-)

 

[roddy]

<input style="background-color:#ff0000;" onfocus="this.style.background='#00ff00';"  onblur="this.style.background='#ff0000';" />

bitteschön :)

 

[molex]

Hey, vielen Dank. funzt einwandfrei.

Nun, ich habe in meiner Seite ca. 30 Input Felder (Tendenz steigend ) Ist es möglich dieses Einstellung global zu setzen? Also, dass ich die Einstellungen einmal für alle ändern muss?

Vielen Dank :)

 

[roddy]

wenn dann im stylesheet ne klasse definieren, ob diese aber onblur, onfocus etc untersützten weiss ich jetzt ehrlich gesagt auch nicht

 

[molex]

Hm, weil eigentlich will ich das hier:

onfocus="this.style.background='#FFd';this.style.border='1px solid #08f';" onblur="this.style.background='#fff';this.style.border='1px solid #999';"

und dass bei jedem Text Feld einzugeben, finde ich irgendwie einbisschen daneben

Ich google mal weiter :)

 

[molex]

Hab es rausgefunden :-)

1. In der CSS Datei ein Klasse machen:

.focus:focus {
    background-color:#ffd;
    border-color:#08f;
}

2. Im input (oder wo auch immer) class="focus" verwenden und feddisch

Einen schönen Nachmittag :)