JSF消息的不同CSS样式

Question

在JSF中,我在xhtml文件中包含以下行:

<h:panelGroup id="messageHeader">
   <h:messages for="messageHeader" layout="list" errorClass="error"  infoClass="inform"/>
</h:panelGroup>

文本呈现为

<ul>
  <li class="error"> Please enter a First Name </li>
  <li class="error"> Please enter a Last Name </li>
</ul>

如何将CSS样式应用于<ul>标记或某些周围<span>标记？

这是我想要做的.我希望所有错误消息都出现在一个红色框中.我还希望所有信息消息都出现在一个绿色框中.上面的例子产生了2个红色框; 每个<li>项目一个.

Answer 1

使用的styleClass属性<h:messages>.它将应用于父HTML元素.

例如

<h:messages styleClass="messages" />

将最终成为

<ul class="messages">
    ...
</ul>

更新:您似乎想要在单独的列表中显示信息和错误消息.使用两个<h:messages/>而不是隐藏其他严重性.

<h:messages styleClass="errorMessages" infoStyle="hide" />
<h:messages styleClass="infoMessages" errorStyle="hide" />

同

.hide {
    display: none;
}