Rails 3：“有错误的字段”包装器更改页面外观。如何避免这种情况？

Question

电子邮件字段：<label for="job_client_email">Email: </label> <input type="email" name="job[client_email]" id="job_client_email">看起来像这样：没有错误但是，如果电子邮件验证失败，它将变为：<div class="field_with_errors">  <label for="job_client_email">Email: </label></div> <div class="field_with_errors">  <input type="email" value="wrong email" name="job[client_email]" id="job_client_email"></div>看起来像这样：with_error如何避免这种外观变化？

Answer 1

您正在看到的视觉差异正在发生，因为该div元素是一个块元素。将此样式添加到CSS文件中，使其表现得像内联元素：

.field_with_errors { display: inline; }