html - 如何改变h :inputText control inside a rich:Panel的背景颜色

Question

我需要更改一些 <h:inputText> 的背景颜色根据条件在丰富的面板内进行控制。这是为了将这些控件区分为只读的。我尝试使用 styleClass和 style属性，但两者都不起作用。 styleClass被忽略，样式颜色只有文本框的一半。

1) 样式类代码:

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