Primefaces 添加主题后datatable上的条件颜色不起作用

) 我在使用primefaces主题时遇到问题。。。 我有一个XHTML页面，其中包含一个数据表，数据表中的行根据条件着色，但在集成主题“trontastic”之后，所有内容都丢失了。。 我必须做的！请帮帮我 这是我的代码，它不会根据条件显示此样式

<p:dataTable var="fab" value="#{composantbean.list}" 
   rowStyleClass="#{fab.statut eq 'Actif' ? 'a'  : (fab.statut eq 'Obsolete' ? 'o':(fab.statut eq 'En voi d obsolescence' ? 'e':(fab.statut eq 'Obsolete mais diponible' ? 'or':null)))}">  

这是不接受的风格

<h:head><style type="text/css">

.a
{
background-color: #00FF00 !important;
      font-weight: bold;
}
.o
{
background-color: #FF0000 !important;
      font-weight: bold;
}
.e
{
background-color: #FFFF00 !important;
      font-weight: bold;
}
.or
{
background-color: #FF9933 !important;
      font-weight: bold;
}
</style>

A.
{
背景色：#00FF00！重要；
字体大小：粗体；
}
o
{
背景色：#FF0000！重要；
字体大小：粗体；
}
E
{
背景色：#FFFF00！重要；
字体大小：粗体；
}
或
{
背景色：#FF9933！重要；
字体大小：粗体；
}

根据您的浏览器，使用firebug或任何其他工具检查数据表元素。I assum primefaces主题将某些css类附加到这些组件中。如果你想编辑样式，你需要制作基于这些样式的css类

默认情况下，css类将是

.ui组件

尝试将css类编辑为

.ui component.o

等等

---

记住。ui组件可以是任何东西，所以请使用firefox中的firebug或chrome中的devOper工具（cntrl shift i）检查它，以检查css类元素。

我们这里有两个问题：

打开firebug，我们可以看到背景被分配给背景css属性，而不是背景颜色，就像primefaces示例和代码中所做的那样。因此，将每个背景色替换为背景色

在恢复自定义颜色后，我们可以注意到高亮显示行颜色丢失。要修复此问题，请打开firebug并在CSS中查找。ui状态突出显示，并添加重要，对于后续工作主题，它看起来像：

.ui状态突出显示{

 background: linear-gradient(#FFFFFF, #CCEEFF)
 repeat scroll 0 0 rgba(0, 0, 0, 0) !important;

}