cake
$this->Form->error('Test.id', null, ['wrap' => 'p', 'class' => 'error-message']);
以下html
<div>
<div>
<p>
<input type="text" name="data[test][id]" id="test_id" class="test_class" required="required">
</p>
</div>
<p class="error-message">エラーです。</p>
<div>
現在、バリデーションに引っかかった時にerror-messageを出力するようにしています。
しかし、inpuinputの入力欄自体の背景色も変えたいと思っています。
validとinvalidをcssでinputへ付与してもよいですが、
それだとエラーメッセージが呼び出される前に(ページを読み込んだ直後に)背景色が変わってしまいます。
今回はerror-messageを呼び出した時に、inpuの[textの入力欄背景色も変えるやり方にしみてみたいです。
このやり方は実装可能ですか?
代替案?
=:activeはクリックしている間ですが、クリックしたら変わるという仕様でも問題ありません。そのようなことは可能ですか?調べましたがやはりcssだけでは厳しいように思えました。