✔ HTML Formular - nach auswahl andere Farbe?

[Maddin007]

Hi, also ich vermute mal, dass mein Vorhaben mit CSS realisiert wird!
Also ich möchte folgendes machen:
Ich habe eine Form in HTML erstellt in die man z.B. einen Namen eingeben soll. Soweit so gut aber ich möchte es so haben, dass nachdem ich die Box ausgewählt habe (also dann wenn dieser blinkende Strich erscheint) sie ihre Farbe verändert, damit man sieht, dass man gerade diese Box ausgewählt hat. Ich habe es schon mehrere Male gesehen aber weiß leider nicht wie ich das mache. Background normal ist OK aber so

Ich danke schonmal

MfG Maddin

 

[Maik]

Hi,

.text { background:yellow; }
.text:focus { background:red; }

<input type="text" class="text">

funktioniert in allen modernen Browsern, ausser im IE (5.01, 5.5, 6 & 7).

Für ihn wäre zusätzlich Javascript erforderlich, um die beiden Zustände über zwei CSS-Klassen zu regeln und diese mittels this.className='Klassen-Name' gegeneinander auszutauschen:

.text { background:yellow; }
.text:focus, .focus { background:red; }

<input type="text" class="text" onfocus="this.className='focus'" onblur="this.className='text'">

 

[Maddin007]

Vielen Dank

 

[Maddin007]

Noch eine kurze Frage:
Wenn ich jetzt auf das Formular klicke, dann bekommt es jetzt die Farbe blau (habe ich so eingestellt) naja aber die Schrift ist und bleibt schwarz. Kann ich es so machen, dass nach dem .text:focus, ich auch noch eine weisse schriftart bekomme?

Danke dir/euch

 

[Maik]

So wie sich unterschiedliche Hintergrundfarben einrichten lassen, können auch individuelle Vordergrundfarben deklariert werden:

.text { 
background:yellow; 
color:black;
}

.text:focus, .focus { 
background:blue; 
color:white;
}