html - 如何在rich:Panel内部更改h:inputText控件的背景颜色

我需要根据条件更改富面板中某些<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"/>

任何帮助将不胜感激

最佳答案

您可以使用CSS来实现。就像是：

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