Buenas
Amigos, tengo una duda, quiero que al aplicar disabled=true con javascript a varios objetos de un formulario, éstos tomen unas propiedades indicadas en una sub-clase css :disable. Luego cuando vuelve a disable=false, el objeto en cuestión vuelva a sus propiedades iniciales. Lo mismo con :focus...
Encontre el siguiente ejemplo en
WebEstilo que es exactamente lo que quiero, pero sólo funciona en firefox, no pasa nada con IE.
Código HTML:
<html>
Otra forma mas sencilla y fiable
<input type='text' class='text' value='un texto de muestra habilitado'>
<input type='text' class='text' value='un texto de muestra deshabilitado' disabled>
<style type='text/css'>
/*El objeto habilitado*/
INPUT.text {
border: 1px solid;
background:white;
color:black;
}
/*El objeto con el foco color amarillo*/
.text:focus {background: yellow; }
/*El objeto deshabilitado color rojo*/
.text:disabled {background: red; }
</style>
</html> Como puedo hacer para que la funcionalidad que les comenté funcione en ambos navegadores?
Desde ya muchas gracias
Saludos
