Es un script muy sencillo pero que hará mas agradable la visualización cuando seleccionemos un campo.
$(document).ready(function () {
  $('input[type="text"]').addClass("normal");
  $('input[type="text"]').focus(function () {
    $(this).removeClass("normal").addClass("selecionado");
    if (this.value == this.defaultValue) {
      this.value = '';
    }
    if (this.value != this.defaultValue) {
      this.select();
    }
  });
  $('input[type="text"]').blur(function () {
    $(this).removeClass("selecionado").addClass("normal");
    if ($.trim(this.value == '')) {
      this.value = (this.defaultValue ? this.defaultValue : '');
    }
  });
}); type="text" se puede cambiar por type="password" o que sea para poder realizar las mismas modificaciones.
Fuente: http://buildinternet.com/2009/01/changing-form-input-styles-on-focus-with-jquery/
Comentarios