Поверхности - диалоговые поля пустые, но не все из них

Question

моя проблема действительно странная (для меня как минимум). У меня есть диалог, написанный в Primefaces. С самого начала у меня была проблема, что поля не были показаны, я должен был пометить их, чтобы я мог читать контент. Затем я написал css styleclass: цвет черный, чтобы показать его. Это действительно сработало (для 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', но я должен исследовать, что гораздо больше.