Comment changer la couleur d'arrière-plan d'un contrôle h: inputText dans un riche: Panneau

Question

Je dois modifier la couleur d'arrière-plan de certains contrôles <h:inputText> à l'intérieur d'un panneau riche en fonction d'une condition. C'est pour distinguer ces contrôles en lecture seule. J'ai essayé d'utiliser les propriétés styleClass et style mais les deux ne fonctionnaient pas. styleClass est ignoré et le style ne colore que la moitié de la zone de texte.

1) Code styleClass:

En css:

.readonlycontrol 
{ 
    background-color: #C0C0C0; 
} 

Dans .xhtml page:

<rich:panel styleClass="inputpanel"> 
    <f:facet name="header" > 
    <h:outputText value= "#{cardreqmsg.apptinfo}"/> 
    </f:facet> 
    <h:panelGrid columns="4" cellpadding="2" border="0"> 
    <h:inputText id ="name" styleClass="readonlycontrol" readonly="true"/> 
    ......... 

2) Code de style:

<h:inputText id ="name" readonly="true" style="background-color:#C0C0C0"/> 

Toute aide être grandement apprécié

Answer 1

Vous pouvez réaliser ceci avec CSS. Quelque chose comme:

#name input[readonly] { 
    background-color: #C0C0C0; 
}