Primefaces 如何设置pe:timer的文本颜色？

我使用primefaces扩展名作为计时器。我在数据列表组件中显示几个计时器，这些数据列表组件显示在数据表的单元格中

我使用style参数更改每个单元格的颜色，值为bean value。每个单元格的背景色都会改变，计时器单元格的背景色也会改变，但文本颜色不会改变

<p:dataTable id="item_#{synopticLocationBean.id}" var="synopticIdBean" value="#{synopticLocationBean.synopticIdBeans}"
                                resizableColumns="false"
                                rendered="true"
                                rowIndexVar="rowIndex">

    <p:column headerText="ID" style="background-color: #{synopticIdBean.backgroundColor}; color: #{synopticIdBean.foregroundColor};">
        <h:outputText value="#{synopticIdBean.number}" />
    </p:column>

    <p:column headerText="Nom" style="background-color: #{synopticIdBean.backgroundColor}; color: #{synopticIdBean.foregroundColor};">
        <h:outputText value="#{synopticIdBean.name}"/>
    </p:column>

    <p:column headerText="Chrono" rendered="#{dashboardView.manageChronometers}" style="background-color: #{synopticIdBean.backgroundColor}; color: #{synopticIdBean.foregroundColor};">
        <p:dataList value="#{synopticIdBean.synopticCounterBeans}" var="synopticCounterBean" type="definition" class="data-zone">
            <pe:timer id="timer_#{synopticLocationBean.id}" 
                    forward="true" 
                    timeout="10000"
                    formatFunction="return displayElapsedTimeForChrono_save('#{synopticCounterBean.name}',
                                                                            '#{synopticCounterBean.startTime}',
                                                                            '#{synopticCounterBean.pauseTime}',
                                                                            '#{synopticCounterBean.endTime}',
                                                                            '#{synopticCounterBean.counterValue}');"/>
        </p:dataList>
    </p:column>
</p:dataTable>

在计时器组件上设置样式参数时，出现以下错误：

---

分析/pages/dashboardgeneric/dashboardWip.xhtml时出错：已为元素“pe:timer”指定了错误跟踪[line:846]属性“style”。

看起来应该可以工作，但计时器缺少文档中的style和styleClass属性，但它们应该在组件上。我已经创建了一个记录单来更新文档

---

我找到了一个解决方案，我在组件pe:timer中添加了一个样式，如下所示：

<p:dataList value="#{synopticIdBean.synopticCounterBeans}" var="synopticCounterBean" type="definition" class="data-zone">
    <pe:timer id="timer_#{synopticLocationBean.id}" 
        forward="true" 
        timeout="10000"
        formatFunction="return displayElapsedTimeForChrono_save('{synopticCounterBean.name}',
    '#{synopticCounterBean.startTime}',
    '#{synopticCounterBean.pauseTime}',
    '#{synopticCounterBean.endTime}',                                                                            '#{synopticCounterBean.counterValue}');"
    style="color : #{synopticMainLocationIdBean.foregroundColor};"/>
            </p:dataList>

---

从数据列表继承的背景色和前景色采用数据列表中声明的值。

您使用的是什么版本？我使用primefaces 6.0.0，因此primefaces extensions 6.0.0感谢发布您的解决方案。