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;
}