Question

当我在表单中使用rich:message时，我会看到输入字段下方的消息，红色和X图片。

我的问题是如何将h:message置于与rich:message相同的位置？或者，从rich：消息中删除X图片。（我希望能够在输入字段下方看到一个红色文字，没有任何图片）。

感谢提前。

Answer 1

如果您使用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。

Answer 2

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

jsf h：消息位置如rich：message

2 个答案: