Frage ist in dem Thema.Wie ändere ich die Hintergrundfarbe eines Textfelds, wenn der Benutzer mit CSS hineinklickt
Antwort
input[type='text']:focus {
background-color: #0066FF;
}
können Sie CSS pseudo-class selectors wie folgt verwenden:
textarea:focus { background-color: red }
Beachten Sie, dass dieser doesn't work IE7 and lower.
Und meine Stimme geht an Otto, für 2 Minuten erste sein :-) Aber das würde ich hinzufügen, ': focus' wird nicht von IE7 unterstützt oder niedriger (ich weiß!). Für IE7 und IE6 müssen Sie die DOM-Ereignisse 'onfocus' /' onblur' verwenden. –
Die Frage sagt "Textbox", obwohl. – Phoexo
@Phoexo: Sie argumentieren Semantik, Ottos Antwort ist immer noch richtig. Ein Textfeld ist ein mehrzeiliges Textfeld. Eine Eingabe mit 'type =" text "' ist ein einzeiliges Textfeld. –
textarea:focus
{
background-color: #00ff00;
}
funktioniert das auf ie6, 7? – leora
Definitiv nicht IE6. Möglicherweise IE7, aber ich bezweifle es. –
@oo: Wie ich in meinem Kommentar zu Ottos Antwort erwähnt habe, funktioniert dies nur im Standardmodus des IE8, im IE8-Kompatibilitätsmodus, IE7 oder niedriger funktioniert es nicht. Die Problemumgehung besteht darin, JavaScript zu verwenden. –