textfelder animieren

[Progger]

also ich hab folgenden code:
in css-datei

input {
color:white;
background-color:#006400;
font-weight:bold;
font-size:12px;
font-family:Ludica;
}

Ich will jetzt, dass wenn man das Textfeld ausgewählt hat, also während man da etwas reinschreibt, sich die Hintergrundfrabe ändert. ich hab mir edacht das bekommt man mit css sicherlich hin.

 

[Artemis]

Ja, und zwar mit der Pseudoklasse :focus.

 

[Progger]

muss ich das jetzt so umändern?:

input { 
color:white; 
background-color:#006400; 
font-weight:bold; 
font-size:12px; 
font-family:Ludica; 
} 
input:focus {
color:white; 
background-color:#00cc00; 
font-weight:bold; 
font-size:12px; 
font-family:Ludica;
}

 

[Artemis]

Ja und Nein.
Du musst nur das bei :focus definieren, was auch geändert wird, der Rest bleibt so.
Du kannst das ganze also getrost auf folgendes kürzen:

input {
  color:white;
  background-color:#006400;
  font-weight:bold;
  font-size:12px;
  font-family:Ludica;
}
input:focus {
  background-color:#00cc00;
}

 

[Progger]

Ok, funzt, danke.

EDIT: Hi!
Offline hat das bei mir funktioniert, aber wen ich das hochgeladen habe funzt das nicht mehr!

 

[hobbyuser]

Hi Progger

ich vermute das ist ein Pfad-Problem.
Bitte gebe uns ein Link zu der Seite, damit wir das prüfen können.

Gruß
Hobbyuser