Rails |如何使用Tailwind定位无效输入字段

@import "tailwindcss/base";
@import "tailwindcss/components";
@import "tailwindcss/utilities";

<%= form_with(model: @user) do |form| %>
  <div class="mb-4">
    <%= form.label :email, class: "block text-gray-700 text-sm font-bold mb-2" %>
    <%= form.email_field :email, class: "shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline border-red-500" %>
    <% if form.object.errors.has_key?(:email) %>
      <p class="text-red-500 text-xs italic"><%= form.object.errors[:email].first %></p>
    <% end %>
  </div>
  <!-- 其他表单字段 -->
  <div class="flex items-center justify-between">
    <%= form.submit "保存", class: "bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded focus:outline-none focus:shadow-outline" %>
  </div>
<% end %>