Foro de elhacker.net

Hola que tal,

bien, mi problema es el siguiente necesito colorear de un color los inputText vacios, y cuando se llenen cambiarles el color, he investigado pero nada que doy con la sulucion.

gracias de antemano.

Hay una forma muy sencilla con HTML5 y me parece que es CSS3.

<input type="text" required>

input:valid {
  background-color: green;
}
 
input:invalid {
 background-color: red;
}

Sin embargo no funciona para inputs que no sean text.

gracias por responder, pero no logro solucinarme el problema :(

la solución que logre dar fue:

input[value=""] {
  background-color: bisque;
}
 
input:not([value=""]){
	background-color: aliceblue;
}
 

y en el html

<input type="text" required onblur="this.setAttribute('value', this.value);" >
 

JS3