Cambiar imagen de fondo caja de búsqueda

[edn]

En la caja de búsqueda tengo una imágen de fondo con css , y lo que quiero es que al hacer clic en la caja de búsqueda desaparezca la imágen y que vuelva aparecer cuando ya no se esté escribiendo en la cada de búsqueda.

Vamos, tal y como funciona esto pero con imágenes vía css:

Código PHP:

  <input type="text" value="Ingrese su correo..." onblur="if (this.value == '') {this.value = 'Ingrese su correo...';}" onfocus="if (this.value == 'Ingrese su correo...') {this.value = '';}" name="email"/> 
   

Hace algunos años pude hacerlo pero el código se me ha perdido y no he encontrado nada al respecto.

[pzin]

Puedes usar :focus.

Código CSS:

input:focus {
  background-image: none;
}