Jquery ui 面板的错误消息样式

我使用的是PrimeFaces，它不仅用于功能，还用于CSS样式框架。这个问题源于我对CSS框架的无知，我一直无法找到任何示例或文档来指导我

我想做的是为我自己的面板的错误消息使用主题的样式。大概是这样的：

<p:panel rendered="#{bean.someError}"  styleClass="?? what goes here ??">
    <h:outputText styleClass="?? what goes here ??"
         value="Error!  A parameter to this page is wrong so it can't be rendered.  This
                is probably because you used a stale bookmark." />
</p:panel>

---

我希望它看起来与使用时收到的错误消息类似。非常感谢任何指针。

最简单的方法是查看primefaces，并使用firebug查看css类

我认为您应该将

p:outputPanel

与layout=“block”一起使用，而不是

p:panel

，因为面板有自己的样式。相反，带有块布局的outputPanel渲染没有样式的div

无论如何，这就是你的代码应该是什么样子

<p:outputPanel rendered="#{bean.someError}" layout="block" styleClass="ui-messages ui-widget">
     <div class="ui-messages-error ui-corner-all">
         <span class="ui-messages-error-icon"></span>
         <ul>
            <li>
                <span class="ui-messages-error-summary">
                    <h:outputText value="Error!  A parameter to this page is wrong so it can't
                                         be rendered.  This is probably because you used a
                                         stale bookmark." />

                </span>
           </li>
        </ul>
    </div>
</p:outputPanel>

对于单个消息，它足够具有：

<div class="ui-message-error ui-corner-all">
      <span class="ui-message-error-icon"/>
      <span class="ui-message-error-detail">your message here</span>
</div>

你的留言在这里

---

与Damian的回答相比，标签少了一点。

谢谢——我已经开始撬开CSS类的过程，但我还没有掌握它的结构。今晚回家后我会试试这个。但是你不能动态更新你的消息，你可以使用Damian的解决方案。答案中至少应该提到这一点。所以我认为达米安的答案更好