Primefaces - 对话框字段为空但不是全部

Question

我的问题真的很奇怪（至少对我而言）。 我有一个用Primefaces编写的对话框。 从一开始我就遇到了没有显示字段的问题，我必须对它们进行标记，以便我可以阅读内容。 然后我写了一个css styleclass：color black以便显示它。这确实有用（适用于IE和Chrome）。之后，我不得不将列从2扩大到4，因为对话框变得不可读。现在，同样的事情再次发生，我无法读取所有字段，这里是截图。也许，有人知道我在这里失踪了吗？非常感谢你。

以下是代码：

                <h:form id="form">
                <p:dialog header="Transaction Detail" widgetVar="transactionDialog" modal="true" showEffect="fade" hideEffect="fade" resizable="false">
                    <p:outputPanel id="transactionDetail" style="text-align:left;">
                        <p:panelGrid columns="4" rendered="#{not empty transactionBacking.selectedTransaction}" columnClasses="label,value">
                            <h:outputText styleClass="outputText" value="Transaction Id" />
                            <h:outputText value="#{transactionBacking.selectedTransaction.tableTransactionId}"/>

                            <h:outputText styleClass="outputText"  value="Customer - customerId" />
                            <h:outputText value="#{transactionBacking.selectedTransaction.customer.customerId}"/>

                        </p:panelGrid>
                    </p:outputPanel>
                </p:dialog>
            </h:form>
            </ui:define>

Answer 1

我做了一个解决方法。我写了

style="color: black" 

而不是

styleclass="outputText"

我认为我们的CSS存在一些问题，但我必须对此进行更多调查。