jsf - 無効な入力のjsfハイライトラベル

Question

無効な入力ラベルに特定のスタイルを適用する簡単な可能性はありますか？

入力自体の仕事をするオムニフェイスハイライトコンポーネントを見てきましたが、私のプロジェクトに指定されたスタイルガイドは、入力のラベルにこれを強制します。

このようなものは素晴らしいでしょう：

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

<o:highlight errorLabelStyle="errorLabel" />

score 0 · Accepted Answer

これはでは不可能でした<o:highlight>。ただし、ラベルにも同じスタイルクラスを適用するのは比較的簡単なので、実装されています。OmniFaces 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" />

1 に答える 1