Colorear textbox con css

[JS3]

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.

[MinusFour]

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

Código (html5) [Seleccionar] Expandir


<input type="text" required>

Código (css) [Seleccionar] Expandir


input:valid {
 background-color: green;
}

input:invalid {
background-color: red;
}

Sin embargo no funciona para inputs que no sean text.

[JS3]

gracias por responder, pero no logro solucinarme el problema

la solución que logre dar fue:

Código (css) [Seleccionar] Expandir


input[value=""] {
  background-color: bisque;
}

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


y en el html

Código (html4strict) [Seleccionar] Expandir


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



JS3