如何填写空白以显示我的图像？

Question

<h:inputText id="email" 
    value="#{user.user.email}" 
    title="Email" 
    onchange="this.form.submit()" 
    required="true" requiredMessage="_____"> 
<f:validator validatorId="checkvalidemail"/> 
</h:inputText> 
<h:message for="email" styleClass="error"/> 

验证：

String enteredEmail = (String)object; 
Pattern p = Pattern.compile(".+@.+\\.[a-z]+"); 
Matcher m = p.matcher(enteredEmail); 
boolean matchFound = m.matches();  

if (!matchFound) { 
FacesMessage message = new FacesMessage(); 
message.setSummary("____"); 
throw new ValidatorException(message); 

和CSS

.error { 
background-image: url('includes/style/delete2.png'); 
text-align: left; 
font-size: 36px; 
} 

非常感谢您 问候 伊格纳西奥

Answer 1

的<h:message>呈现一个HTML <span>其尺寸取决于节点值。如果什么都没有，那么它就会崩溃，你不会看到CSS background-image。您需要改为具有固定大小的block级别元素。

.error { 
    display: block; 
    width: 36px; 
    height: 36px; 
    background-image: url('includes/style/delete2.png') no-repeat; 
} 

如有需要，可添加float: left;如果您想保持在同一行上。