javascript - 使输入框背景图片在输入文本后消失

Question

我想让我的输入字段的背景图像在用户输入任意数量的文本后消失。有没有一种简单的方法可以在 javascript 中做到这一点？我可以得到它，以便在该字段聚焦时 bg 消失，但是一旦他们移动到下一个字段它就会返回。

HTML:
Call me at <input name="phone" type="text" class="phone-field" id="phone">
CSS:

.form input {
  background-color:transparent;
}
.form input:focus {
  background-color:#edc;
  background-image:none;
}
input.phone-field {
  background-image: (url/images/phonebg.png);
  background-repeat: no-repeat;
  background-position: left 1px;
}

Answer 1

使用 jquery，你可以做类似的事情

 $('#phone').focus(function(){
     var text = $(this).val();   
     if(text != ''){
        $(this).css('background-image', 'none');       
     }
 });