Как изменить цвет фона элемента управления ah: inputText внутри rich: 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;
}