Changer la couleur de fond d'un champ de saisie inactif

La définition de la couleur de fond se fait en utilisant une classe CSS.

Si le champ de saisie a déjà une classe CSS définie au maquettage :

<adelia:entryfield type="ALPHA" length="15"><input type="text" name="CHS_1" id="CHS_1" size="15" maxlength="15" class="myClass"/></adelia:entryfield>

Alors il faut rajouter le code suivant :

.myClass {
...
// Pour IE 6. Cette ligne est à placer avant la ligne "background-color:XXX;" si elle existe dans la définition de myClass
background-color:expression(this.disabled ? 'blue' : ''); 
...
}
.myClass[disabled='disabled'] {
// Pour IE > 6, Firefox et Chrome
background-color:blue;
}

Si le champ de saisie n'a pas de classe CSS définie au maquettage :

<adelia:entryfield type="ALPHA" length="15"><input type="text" name="CHS_1" id="CHS_1" size="15" maxlength="15" /></adelia:entryfield>

Alors il faut rajouter le code suivant :

#CHS_1 {
// Pour IE 6
background-color:expression(this.disabled ? 'blue' : ''); 
}
#CHS_1[disabled='disabled'] {
// Pour IE > 6, Firefox et Chrome
background-color:blue;
}

Articles connexes