asp.net - 接收焦点时更改文本框背景 (asp.net)

Question

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

Answer 1

像这样的东西应该工作：

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

Answer 2

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

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

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

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

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

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