/*Si el valor que el usuario escribe es valido, obtendra un color verde*/
form input[type="number"]:required:invalid{
 border:2px solid red;
 background: #fff url(images/invalid.png) no-repeat 87% center;
    box-shadow: 0 0 5px #d45252;
    
 /* otras propiedades */
}
/*caso contrario, el color sera rojo*/
form input[type="number"]:focus:required:valid{
 border:2px solid green;
 background: #fff url(images/valid.png) no-repeat 85% center;
 box-shadow: 0 0 5px #d45252;
 /* otras propiedades */
}