couleur d'element disabled [Résolu]

[Sanaa25]

Bonjour,

Dans mon code html, je fais un traitement Javascript.
Après enregistrement de mon formulaire, tous les champs se grise via une fonction que j'ai défini. Toutefois le champs grisé reste en gris, et j'ai besoin de retracer l'écriture en noir.

Je travail sur un browser IE7, et le soucis c'est que le .style.color='black';
que j'applique au champ ne fonctionne pas, ni d'alleurs le style CSS appliqué au champ:

Code :

1
2
3
4
	disabled_input {  
        color:black; 
        background-color:white;
	}

Qui est ensuite appliqué à tous mes input via:

Code :

1
2
3
4
5
6
var el = document.getElementsByTagName("input");
		for(var i=0;i<el.length;i++)
		{
			if(el[i].disabled == true)
			el[i].className = "disabled_input";
		}

Avez déjà rencontré un problème similaire?

Je reste dans l'attente de toute proposition.

Merci d'avance

[SpaceFrog]

utilise readonly à la place de disabled, tu pourras alors maitriser la couleur en css.

Note bien qu'un element disabled n'est pas envoyé au serveur lors de la soumission, un element readonly le sera.

[Eric2a]

Salut,

L'absence du point précédent le nom de la classe vient d'une erreur de copier/coller sur le forum ?

Code css :

1
2
3
4
.disabled_input {
    color:black;
    background-color:white;
}

[Sanaa25]

Merci pour vos réponses!

Non en effet j'avais testé avec le point dans le style CSS et sans le point et dans les deux cas ça ne marche pas :S

je vais donc essayer la solution de SpaceFrog et je vous tiens au courant

[Sanaa25]

Parfait!

J'ai testé avec le .readOnly et le .setBackgroundcolor et ça a marché!

merci beaucoup!