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;
}
- 1. Wie ändere ich die Hintergrundfarbe in einem Eingabefeld mit CSS?
- 2. Wie ändere ich die Hintergrundfarbe eines SFSafariViewControllers?
- 3. Wie ändere ich die Deckkraft der Hintergrundfarbe in CSS
- 4. Wie ändere ich die Hintergrundfarbe der Snackbar?
- 5. Wie ändere ich die Hintergrundfarbe mit Javascript
- 6. Wie ändere ich die Hintergrundfarbe mit JavaScript?
- 7. Wie ändere ich die Größe eines Textfelds durch Ziehen mit der Maus?
- 8. Wie ändere ich Hintergrundfarbe, wenn uiview animiert
- 9. Kann ich die Karat eines Textfelds mit CSS ausblenden?
- 10. Wie ändere ich die QuickInfo-Hintergrundfarbe?
- 11. Wie ändere ich die Hintergrundfarbe eines Textblocks in Silverlight?
- 12. Wie ändere ich die Hintergrundfarbe eines bedingten Makros in Eclipse?
- 13. Wie ändere ich die Header-Hintergrundfarbe eines QTableView
- 14. Wie ändere ich die Hintergrundfarbe des Datagrids?
- 15. Wie ändere ich die Hintergrundfarbe eines Kakaos NSBrowser?
- 16. Wie ändere ich die Hintergrundfarbe eines Textes in einem Drehfeld?
- 17. Wie ändere ich FAB Hintergrundfarbe
- 18. Wie ändere ich die Hintergrundfarbe von UINavigationItem?
- 19. Wie ändere ich die Linkfarbe mit CSS
- 20. Wie ändere ich die Hintergrundfarbe der Statusleiste in WP8 Silverlight?
- 21. Wie ändere ich die Hintergrundfarbe der Navigator-Ansicht in Eclipse?
- 22. Wie ändere ich die Hintergrundfarbe der Navigationsleiste in Ionic 2?
- 23. Wie ändere ich die Hintergrundfarbe der Legende in ggplot2?
- 24. Beschränken Sie die Eingabe eines Textfelds in UIAlertController, wenn der Benutzer mit swift?
- 25. Wie ändere ich relativeLayout Hintergrundfarbe von innerhalb eines Threads
- 26. Wie ändere ich die Hintergrundfarbe? Wähle 2 mit Javascript?
- 27. Wie ändere ich die Hintergrundfarbe der ausgewählten Objekte in einem Mehrfachauswahlfeld?
- 28. Wie ändere ich die Hintergrundfarbe von select-tag?
- 29. Wie ändere ich QPushButton Text und Hintergrundfarbe
- 30. Wie ändere ich die Hintergrundfarbe einer Akkordeon-Registerkarte in Bootstrap?
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. –