Test Foro de elhacker.net SMF 2.1

Programación => Desarrollo Web => Mensaje iniciado por: JS3 en 15 Noviembre 2014, 20:49 PM

Título: Colorear textbox con css
Publicado por: JS3 en 15 Noviembre 2014, 20:49 PM
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.
Título: Re: Colorear textbox con css
Publicado por: MinusFour en 15 Noviembre 2014, 21:00 PM
Hay una forma muy sencilla con HTML5 y me parece que es CSS3.

Código (html5) [Seleccionar]

<input type="text" required>


Código (css) [Seleccionar]

input:valid {
 background-color: green;
}

input:invalid {
background-color: red;
}


Sin embargo no funciona para inputs que no sean text.
Título: Re: Colorear textbox con css
Publicado por: JS3 en 16 Noviembre 2014, 21:05 PM
gracias por responder, pero no logro solucinarme el problema :(

la solución que logre dar fue:

Código (css) [Seleccionar]

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

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


y en el html

Código (html4strict) [Seleccionar]

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



JS3