Saludos a todos!
Me voy a estrenar en mis post contando mi experiencia con el tema.
Yo quería hacer algo parecido a lo que se expone aquí, es decir, poner un campo input como disabled y que automaticamente se le asignara un estilo css. Esto se puede hacer de una manera sencilla:
Código:
input:disabled{
color:#202020;
border: 1px solid #006699;
}
Pero el problema es que sólo funciona con FireFox. Pues bien, comencé a estrujarme los sesos para conseguir alguna forma de hacerlo y me fijé en el script que utilizaba para poner los input en disabled segun el valor de otro campo del formulario, tenía algo así:
Código:
document.formulario.Nombre.disabled = true;
Pensé que si podía cambiar esa propiedad también prodria cambiar la clase del input... así que cree en lugar de una sola clase para el input, dos, de esta manera:
Código:
input.enabled{
color:#CCCCCC;
border: 1px solid #000000;
}
input.disabled{
color:#202020;
border: 1px solid #006699;
}
Y de esta manera cambiaba la clase según me convenía:
Código:
document.formulario.Nombre.className = "disabled";
Se que es una manera un poco liosa y "cutre" por decirlo de alguna manera, pero yo necesitaba hacerlo y así lo conseguí, y como alguien puede tener esta misma necesidad pues aquí lo expongo y espero que os ayuden mis horas de estrujamiento de sesos.
Saludos.