收到焦点时更改文本框背景（asp.net）

Question

我希望在收到焦点时重置文本框的背景图像。我怎么能这样做？

Answer 1

如果“重置”意味着永久清除背景图像，则需要通过javascript事件操纵CSS。

例如，如果你使用jQuery - 你可以这样做：

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

其他JS库具有类似的功能。如果您还没有使用JS库，您可能需要认真考虑它。

如果您只是需要暂时“重置”，直到焦点离开，您可以像这样使用'：focus'css伪类：

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

Answer 2

这样的事情应该有效：

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