Diferencias entre readonly y disabled

Diferencias entre un input de solo lectura y uno desactivado

En un input de solo lectura, no podremos cambiar su valor pero su aspecto es el normal.

Código:
<input type="text" value="3" readonly>
Visualización:


Y en el input deshabilitado tampoco podremos cambiar su valor y ademas su aspecto cambiara a desactivado, en función del navegador en color de fondo puede cambiar pero normalmente es un tono de gris.

Código:
<input type="text"value="3" disabled>
Visualización:


Entonces, ¿como cambio el color de fondo del input "disabled"?

En el css, con la propiedad "background-color".

Comentarios