Ändern des Textfeldhintergrunds, wenn es Fokus erhält (asp.net)

Question

Ich möchte das Hintergrundbild eines Textfelds zurücksetzen, wenn es Fokus erhält. Wie kann ich das machen?

Answer 1

Wenn 'reset' bedeutet, das Hintergrundbild dauerhaft zu löschen, müssen Sie das CSS über JavaScript-Ereignisse manipulieren.

Zum Beispiel, wenn Sie jQuery verwenden - Sie können dies tun:

$('input#some_id').focus(
    function(){ 
    $(this).css('background-image', 'none'); 
    } 
); 

Andere JS Bibliotheken ähnliche Funktionen haben. Wenn Sie noch keine JS-Bibliothek verwenden, sollten Sie ernsthaft darüber nachdenken.

Wenn Sie müssen einfach nur vorübergehend auf ‚Reset‘, bis der Fokus verlässt, können Sie die verwenden ‚: Fokus‘ CSS-Pseudoklasse wie folgt aus:

input#some_id:focus 
{ 
    background-image: none; 
} 

Answer 2

So etwas sollte funktionieren:

$("input").focus(function(){ 
    $("input").css("background-color","#FFFFCC"); //adjust for background-image 
}); 
$("input").blur(function(){ 
    $("input").css("background-color","#ffffff"); //adjust for background-image 
});