Q&A
実現したいこと
ここに実現したいことを箇条書きで書いてください。
バリデーションを設定し、エラーになった際に色付けをしたい
前提
初心者です。
簡単な投稿アプリケーションの作成をしています。
バリデーションを設定しエラーになった際に色を付けて
表示したいのですが、エラーの時だけでなく常に色が付いて
しまっています。
発生している問題・エラーメッセージ
元々テキストを書くところには自動的に
"field_with_errors"が生成されるのですが
その上のタイトルのところにはCSSが効かないので
設定したい
<%= form_with model: @book do |f| %> <div class="text-field"> <div class="field_with_errors"> <div>Title</div> </div> <%= f.text_field :title %> </div> <div class="text-field"> <div class="field_with_errors"> <div>Body</div> </div> <%= f.text_area :body %> </div> <div class="text-submit"> <%= f.submit 'Create Book' %> </div> <% end %>
.field_with_errors { display: table; background-color: red; padding: 2px; }
試したこと
"field_with_errors"を消したり場所を変えてみたり…
見本のデベロッパーツールと見比べてみたり…
補足情報(FW/ツールのバージョンなど)
ここにより詳細な情報を記載してください。
回答1件
あなたの回答
tips
プレビュー
下記のような回答は推奨されていません。
このような回答には修正を依頼しましょう。
2023/03/26 01:33