jsf h：消息位置像丰富：消息

Question

当我在窗体中使用rich:message时，我看到消息就在输入字段下方，用红色和X图片着色。

我的问题是我怎样才能将h:message定位在像rich:message一样的地方？或者可以从rich：消息中删除X图片。 （我希望能够在输入栏下面看到一个红色的文字，没有任何图片）。

感谢提前。

Answer 1

我找到了this link，它准确解释了如何去除rich:message图标。 这里没有提到，但是当引用一个css文件时，它应该在页面加载之后，所以我使用了<h:outputStylesheet library="css" name="style.css"/>。 希望这可以帮助别人。

Answer 2

如果您使用RichFaces，它们会为您的message组件提供很好的样式。如果你不想使用它，你必须建立你自己的CSS样式类来格式化消息组件。原始JSF的<h:message>组件具有属性styleClass。你可以实现你想要的样子用CSS类，把类的名字有这样的：

<style type="text/css"> 
    .message { 
     background-color: red; 
    } 
</style> 

<h:inputText id="myInput" /> 
<h:message for="myInput" styleClass="message" /> 

<h:panelGrid columns="3"> 
    <h:outputText value="Input " /> 
    <h:inputText id="myInput" /> 

    <h:outputText /> 
    <h:message for="myInput" styleClass="message" /> 
</h:panelGrid> 

我的例子也不会显示像你一样的RichFaces的实现。你需要弄清楚自己：P。