cambiar de estilos a un input lleno

[g3kdigital]

Se puede hacer con css, al menos sí es lo que entendí.

El valor de cada input trabajalo con placeholder y a estos asignale un estilo diferente al usado en los input.

Código HTML:

<form action="">
  <input type="text" placeholder="User"/>
  <input type="email" placeholder="Email"/>
  <input type="password" placeholder="password"/>
  <button>Recibir información</button>
</form>
 

Código CSS:

::-webkit-input-placeholder {
  color: red;
}
 
input
{
  color: blue;
}
 

En este pen esta más claro:

http://codepen.io/g3kdigital/pen/reaKrM?editors=1100

También puedes jugar con el input cuando esta seleccionado, usando input:focus.

Nota: placeholder es 91% compatible con todos los navegadores (según cainuse), el problema es que en cada navegador, su sintaxis es diferente.