如何在rich：Panel中更改h：inputText控件的背景颜色

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;
}