Как изменить цвет фона h: inputText-управление внутри богатого: Panel

Question

Мне нужно изменить цвет фона некоторых элементов управления <h:inputText> внутри богатой панели в зависимости от состояния. Это делается для того, чтобы различать эти элементы управления как только для чтения. Я пробовал использовать styleClass и style свойства, но оба не работали. styleClass игнорируется, а стиль окрашивает только половину текстового поля.

код 1) styleClass:

В CSS:

.readonlycontrol 
{ 
    background-color: #C0C0C0; 
} 

В .xhtml странице:

<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) Код стиля:

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

Любая помощь будет будем благодарны

Answer 1

Вы можете добиться этого с помощью CSS. Что-то вроде:

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