forms - 検証エラーメッセージの色を変更-CakePHP

Question

検証エラーが発生したときにエラーメッセージの色を変更することはできますか？

赤に設定したいのですが。私はcssコードのスニペットを見つけましたが、これは私のフォームのすべてのテキストを赤くしてしまいました。

form{
color: #ff0000;
}
label{
color: #000;
}

どんな助けでも素晴らしいでしょう。

ありがとう

Answer 1

確かに、error-messageスタイルを使用してください。

.error-message {
background-color:#a90329;
color:#fff;
}

これは、デフォルトのエラーテンプレートが次のとおりであるために機能します。

<div class="error-message">message</div>

これにより、他のエラーメッセージのスタイルも変更される可能性があります。エラーメッセージに割り当てられたクラスを変更するには（別のスタイルにすることができます）、この質問を参照してください。

Answer 2

HTML5のブラウザー検証について話している場合は、:invalid疑似セレクターがあります。