jsf突出显示无效输入的标签

Question

是否有可能将特定样式应用于输入无效的标签？

我已经看到omnifaces highlight组件为输入本身做了工作，但是我的项目的给定样式指南强制将其作为输入的标签。

这样的事情会很棒：

<h:outputLabel for="inputId" value="label" />
<h:inputText id="inputId" value="..." />

<o:highlight errorLabelStyle="errorLabel" />

Answer 1

<o:highlight>无法做到这一点。然而，为标签应用相同的样式类也相对简单，因此它是implemented。根据{{​​3}} 1.2，您可以按如下方式使用它：

<h:outputLabel for="inputId" value="label" />
<h:inputText id="inputId" value="..." />

<o:highlight />

使用以下CSS：

label.error {
    color: red;
}

input.error, select.error, textarea.error {
    background: pink;
}

默认的stlye类名error可以通常的方式重写：

<o:highlight styleClass="invalid" />